:root {
  /* Color primitives */
  --p-color-black-950: #050505;
  --p-color-black-900: #0c0c0c;
  --p-color-black-850: #111111;
  --p-color-neutral-0: #ffffff;
  --p-color-neutral-100: #eaeaea;
  --p-color-neutral-500: #999999;
  --p-color-neutral-650: #666666;
  --p-color-red-500: #ff3c3c;
  --p-color-orange-500: #ff6b3c;
  --p-color-green-500: #22c55e;
  --p-color-transparent: transparent;
  --p-color-white-alpha-006: rgba(255, 255, 255, 0.06);
  --p-color-red-alpha-012: rgba(255, 60, 60, 0.12);
  --p-color-orange-alpha-008: rgba(255, 107, 60, 0.08);

  /* Spacing primitives */
  --p-space-1: 0.25rem;
  --p-space-2: 0.5rem;
  --p-space-3: 0.75rem;
  --p-space-4: 1rem;
  --p-space-5: 1.25rem;
  --p-space-6: 1.5rem;
  --p-space-8: 2rem;
  --p-space-10: 2.5rem;
  --p-space-12: 3rem;
  --p-space-16: 4rem;
  --p-space-20: 5rem;

  /* Typography primitives */
  --p-font-display: 'Syne', sans-serif;
  --p-font-body: 'Space Grotesk', -apple-system, sans-serif;
  --p-text-xs: 0.65rem;
  --p-text-sm: 0.78rem;
  --p-text-base: 1rem;
  --p-text-lg: 1.1rem;
  --p-text-xl: 1.4rem;
  --p-text-2xl: 2rem;
  --p-text-hero-min: 2.8rem;
  --p-text-hero-max: 5rem;
  --p-weight-light: 300;
  --p-weight-medium: 500;
  --p-weight-semibold: 600;
  --p-weight-bold: 700;
  --p-weight-heavy: 800;

  /* Radius primitives */
  --p-radius-sm: 8px;
  --p-radius-md: 12px;
  --p-radius-pill: 999px;

  /* Motion primitives */
  --p-duration-fast: 0.3s;
  --p-duration-base: 0.4s;
  --p-duration-slow: 0.8s;
  --p-easing-smooth: cubic-bezier(0.16, 1, 0.3, 1);

  /* Z-index primitives */
  --p-z-base: 0;
  --p-z-raised: 2;
  --p-z-nav: 100;
  --p-z-modal: 999;
  --p-z-consent: 1000;
}