/**
 * WE360 Elite Design System Tokens
 * Rebuilt for ultimate cinematic luxury.
 */

:root {
  /* Cinematic Color Palette */
  --bg-deep: #050505;
  --bg-surface: #0E0E10;
  --bg-glass: rgba(255, 255, 255, 0.02);
  --bg-glass-strong: rgba(255, 255, 255, 0.04);
  
  --text-pure: #FFFFFF;
  --text-muted: #8A8A93;
  --text-dim: #4A4A52;
  
  --accent-primary: #0072FF;
  --accent-glow: #00D4FF;
  --accent-secondary: #00E676;
  --accent-highlight: #00FF88;

  /* Elite Typography (Space Grotesk + Inter) */
  --font-display: 'Space Grotesk', sans-serif;
  --font-body: 'Inter', sans-serif;

  /* Fluid Editorial Scale */
  --text-manifesto: clamp(1.25rem, 2vw, 1.75rem);
  --text-huge: clamp(4rem, 10vw, 11rem); /* Massive Headlines */

  /* Mathematical Spacing Rhythm */
  --space-xs: clamp(0.5rem, 1vw, 1rem);
  --space-sm: clamp(1rem, 2vw, 2rem);
  --space-md: clamp(2rem, 4vw, 4rem);
  --space-lg: clamp(4rem, 8vw, 8rem);
  --space-xl: clamp(8rem, 12vw, 16rem);

  /* Cinematic Lighting & Depth */
  --glow-ambient: 0 0 80px rgba(0, 212, 255, 0.15);
  --glow-text: 0 0 20px rgba(0, 114, 255, 0.5);
  --blur-glass: blur(40px);

  /* Transitions */
  --ease-cinematic: cubic-bezier(0.19, 1, 0.22, 1);
  --dur-fast: 0.4s;
  --dur-slow: 1.2s;

  /* Z-Index Architecture */
  --z-webgl: 0;
  --z-noise: 1;
  --z-content: 10;
  --z-nav: 999990;
  --z-cursor: 999999;
}