/* ==========================================================================
   SARVX TECH — DESIGN TOKENS & SYSTEM VARIABLES
   ========================================================================== */

:root {
  /* --- Primary Color Palette --- */
  --bg-primary: #000000;
  --bg-secondary: #080808;
  --bg-card: #101010;
  --bg-elevated: #161616;
  --bg-overlay: rgba(0, 0, 0, 0.85);
  --bg-glass: rgba(18, 18, 18, 0.65);
  --border-glass: rgba(255, 255, 255, 0.08);
  --border-glass-hover: rgba(255, 255, 255, 0.22);
  --border-subtle: rgba(255, 255, 255, 0.05);

  /* --- Text & Typography --- */
  --text-primary: #FFFFFF;
  --text-secondary: #F5F5F5;
  --text-muted: #8A8A8A;
  --text-dim: #4E4E4E;
  --text-dark: #0A0A0A;
  --text-silver: #D4D4D8;

  /* --- Accent Shimmer --- */
  --accent-silver: #E4E4E7;
  --accent-glow: rgba(255, 255, 255, 0.12);
  --accent-glow-intense: rgba(255, 255, 255, 0.35);

  /* --- Typography Families --- */
  --font-display: 'Geist', 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Geist', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'Space Mono', 'JetBrains Mono', monospace;

  /* --- Motion Timing & Transitions --- */
  --ease-cinematic: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-expo: cubic-bezier(0.19, 1, 0.22, 1);
  --ease-power4: cubic-bezier(0.25, 1, 0.5, 1);
  --transition-fast: 0.2s var(--ease-cinematic);
  --transition-normal: 0.4s var(--ease-cinematic);
  --transition-slow: 0.8s var(--ease-cinematic);

  /* --- Layout & Spacing --- */
  --header-height: 80px;
  --container-max: 1680px;
  --container-padding: clamp(1.25rem, 4vw, 4rem);
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-full: 9999px;

  /* --- Cursor Dimensions --- */
  --cursor-size: 10px;
  --cursor-size-hover: 64px;

  /* --- Elva Labs Kinetic & Shimmer Tokens --- */
  --elva-blur-initial: 14px;
  --elva-blur-clear: 0px;
  --elva-glow-neon: linear-gradient(135deg, #0989d8 0%, #850dee 100%);
  --elva-glow-cyan: rgba(9, 137, 216, 0.45);
  --elva-glow-purple: rgba(133, 13, 238, 0.45);
  --elva-glass-bg: rgba(35, 35, 35, 0.4);
  --elva-glass-blur: blur(20px) saturate(180%);
}

/* Reduced Motion Override */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}