/* Design Tokens - Auto-generated */
/* Do not edit directly - modify tokens.json instead */

/* === PRIMITIVES === */
:root {
  --primitive-color-black: #000000;
  --primitive-color-white: #FFFFFF;
  --primitive-color-gray-50: #F2F2F2;
  --primitive-color-gray-200: #E6E6E6;
  --primitive-color-gray-300: #CCCCCC;
  --primitive-color-gray-400: #B2B2B2;
  --primitive-color-gray-500: #9A9A9A;
  --primitive-color-gray-600: #8A8A8A;
  --primitive-color-surface-850: #161616;
  --primitive-color-surface-900: #0F0F0F;
  --primitive-color-surface-950: #0A0A0A;
  --primitive-color-blue-brand: #6C8CFF;
  --primitive-color-blue-indigo: #386BB7;
  --primitive-color-blue-glow: #1D00FB;
  --primitive-color-aurora-blue: #3A5AA8;
  --primitive-color-aurora-violet: #6B5A8A;
  --primitive-color-aurora-peach: #D8A07A;
  --primitive-color-alpha-white-08: rgba(255,255,255,0.08);
  --primitive-color-alpha-white-12: rgba(255,255,255,0.12);
  --primitive-color-alpha-white-20: rgba(255,255,255,0.20);
  --primitive-color-alpha-black-30: rgba(0,0,0,0.30);
  --primitive-spacing-0: 0;
  --primitive-spacing-1: 0.25rem;
  --primitive-spacing-2: 0.5rem;
  --primitive-spacing-3: 0.75rem;
  --primitive-spacing-4: 1rem;
  --primitive-spacing-5: 1.25rem;
  --primitive-spacing-6: 1.5rem;
  --primitive-spacing-8: 2rem;
  --primitive-spacing-10: 2.5rem;
  --primitive-spacing-12: 3rem;
  --primitive-spacing-16: 4rem;
  --primitive-spacing-20: 5rem;
  --primitive-spacing-24: 6rem;
  --primitive-spacing-32: 8rem;
  --primitive-fontFamily-sans: Manrope, system-ui, -apple-system, sans-serif;
  --primitive-fontSize-eyebrow: 0.75rem;
  --primitive-fontSize-eyebrow-lg: 0.875rem;
  --primitive-fontSize-body: 1rem;
  --primitive-fontSize-body-lg: 1.125rem;
  --primitive-fontSize-h4: 1.75rem;
  --primitive-fontSize-h3: 2.75rem;
  --primitive-fontSize-h2: 3.25rem;
  --primitive-fontSize-h1: 5.5rem;
  --primitive-fontWeight-light: 300;
  --primitive-fontWeight-regular: 400;
  --primitive-fontWeight-medium: 500;
  --primitive-lineHeight-tight: 1.05;
  --primitive-lineHeight-heading: 1.2;
  --primitive-lineHeight-body: 1.6;
  --primitive-radius-none: 0;
  --primitive-radius-sm: 0.25rem;
  --primitive-radius-card: 0.5rem;
  --primitive-radius-pill: 80px;
  --primitive-shadow-glow: 0 4px 34px rgba(29,0,251,0.07);
  --primitive-shadow-soft: -5px 4px 15px rgba(0,0,0,0.25);
  --primitive-shadow-hairline: 0 0 0 1px rgba(255,255,255,0.08);
  --primitive-duration-fast: 200ms;
  --primitive-duration-normal: 300ms;
  --primitive-duration-slow: 500ms;
  --primitive-easing-out: cubic-bezier(0.16, 1, 0.3, 1);
}

/* === SEMANTIC === */
:root {
  --color-background: #000000;
  --color-surface: #0A0A0A;
  --color-surface-raised: #161616;
  --color-foreground: #F2F2F2;
  --color-body: #B2B2B2;
  --color-body-muted: #9A9A9A;
  --color-meta: #8A8A8A;
  --color-brand: #6C8CFF;
  --color-border: rgba(255,255,255,0.12);
  --color-border-strong: rgba(255,255,255,0.20);
  --color-ring: #6C8CFF;
  --gradient-aurora: linear-gradient(90deg, #3A5AA8 0%, #6B5A8A 50%, #D8A07A 100%);
  --glow-brand: 0 4px 34px rgba(29,0,251,0.07);
  --spacing-component: 1rem;
  --spacing-section: 6rem;
  --font-heading: Manrope, system-ui, -apple-system, sans-serif;
  --font-body: Manrope, system-ui, -apple-system, sans-serif;
}

/* === COMPONENTS === */
:root {
  --button-primary-bg: #0F0F0F;
  --button-primary-fg: #CCCCCC;
  --button-primary-border: rgba(255,255,255,0.20);
  --button-primary-radius: 80px;
  --button-primary-padding-x: 1.5rem;
  --button-primary-padding-y: 0.75rem;
  --button-cta-bg: #E6E6E6;
  --button-cta-fg: #000000;
  --button-cta-radius: 80px;
  --card-bg: #0A0A0A;
  --card-border: rgba(255,255,255,0.12);
  --card-radius: 0.5rem;
  --card-padding: 1.5rem;
  --eyebrow-color: #8A8A8A;
  --eyebrow-size: 0.75rem;
  --nav-bg: rgba(0,0,0,0.30);
  --nav-blur: 8px;
}