:root {
  /* Color Palette */
  --bg-primary: #050505;
  --bg-secondary: #0a0a0c;
  --bg-tertiary: #121215;
  --bg-glass: rgba(10, 10, 12, 0.75);
  --bg-card: rgba(18, 18, 22, 0.45);
  
  --text-primary: #F1EEE7;
  --text-secondary: #A3A09A;
  --text-muted: #5E5C58;
  --text-ghost: #30302E;
  
  /* Studio Crimson - Precision Accent */
  --accent-red: #8E0F16;
  --accent-red-bright: #B8151E;
  --accent-red-glow: rgba(142, 15, 22, 0.25);
  --accent-red-subtle: rgba(142, 15, 22, 0.12);
  --accent-red-hairline: rgba(142, 15, 22, 0.4);

  /* Structural Lines & Hairlines */
  --border-subtle: rgba(241, 238, 231, 0.07);
  --border-medium: rgba(241, 238, 231, 0.15);
  --border-highlight: rgba(241, 238, 231, 0.3);
  
  /* Typography Stacks - Akira Expanded with Syne fallback */
  --font-display: 'Akira Expanded', 'Syne', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono: 'Space Mono', 'JetBrains Mono', monospace;
  
  /* Spacing */
  --space-xs: 0.5rem;   /* 8px */
  --space-sm: 1rem;     /* 16px */
  --space-md: 2rem;     /* 32px */
  --space-lg: 4rem;     /* 64px */
  --space-xl: 7rem;     /* 112px */
  --space-2xl: 12rem;   /* 192px */
  
  /* Layout */
  --site-padding: clamp(1.15rem, 4vw, 4.5rem);
  --max-width: 1720px;
  
  /* Motion & Easing */
  --ease-cinematic: cubic-bezier(0.19, 1, 0.22, 1);
  --ease-slow: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-heavy: cubic-bezier(0.25, 1, 0.5, 1);
  --duration-fast: 0.35s;
  --duration-medium: 0.7s;
  --duration-slow: 1.2s;
  --duration-cinematic: 1.8s;
  
  /* Z-Index Hierarchy */
  --z-bg: -1;
  --z-base: 1;
  --z-hero-visual: 5;
  --z-content: 10;
  --z-cursor: 9999;
  --z-nav: 900;
  --z-modal: 1000;
}