:root {
  /* --- Palette: Sovereign Gold & Deep Sapphire --- */
  --color-bg-deep: #020617;
  --color-bg-sapphire: #010a1f;
  --color-bg-surface: #0f172a;
  --color-bg-card: rgba(15, 23, 42, 0.45);
  --color-bg-card-hover: rgba(30, 41, 59, 0.6);

  /* --- Accents --- */
  --color-accent-primary: #facc15;
  /* Thriving Gold */
  --color-accent-secondary: #eab308;
  /* Deep Gold */
  --color-accent-tertiary: #60a5fa;
  /* Blue Focus */
  --color-accent-glow: rgba(250, 204, 21, 0.3);

  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-danger: #ef4444;

  /* --- Text --- */
  --color-text-primary: #f8fafc;
  --color-text-secondary: #94a3b8;
  --color-text-tertiary: #64748b;
  --color-text-on-accent: #0f172a;

  /* --- Layout & Spacing --- */
  --grid-columns: 12;
  --grid-gap: clamp(16px, 2vw, 32px);
  --container-max-width: 1440px;
  --nav-height: 80px;

  /* --- Effects --- */
  --shadow-premium: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  --shadow-glow-gold: 0 0 40px rgba(250, 204, 21, 0.15);
  --glass-border: rgba(255, 255, 255, 0.08);
  --glass-border-bright: rgba(255, 255, 255, 0.15);
  --backdrop-blur: blur(24px);

  /* --- Spacing Modular Scale --- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;

  /* --- Responsive Layout Tokens --- */
  --container-padding: clamp(1rem, 5vw, 3rem);
  --section-padding: clamp(2rem, 8vw, 6rem);
  --sidebar-width: clamp(260px, 20vw, 320px);
  --kpi-grid-min: 240px;
  --panel-grid-min: 300px;
  --header-height: 68px;
  --card-padding: clamp(1rem, 3vw, 1.5rem);
  --touch-target-min: 44px;

  /* --- Fluid Typography --- */
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;
  --font-display: 'Outfit', 'Inter', sans-serif;
  --font-h1: clamp(2rem, 8vw, 4rem);
  --font-h2: clamp(1.75rem, 6vw, 3rem);
  --font-h3: clamp(1.25rem, 4.5vw, 2rem);
  --font-hero-sub: clamp(1rem, 2.5vw, 1.25rem);

  /* --- Breakpoints --- */
  --bp-xs: 480px;
  --bp-sm: 640px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --bp-xl: 1280px;

  /* --- Phase 4: Neural Polish Tokens --- */
  --color-bg-deep-dark: #000205;
  /* void black */
  --ease-elastic: cubic-bezier(0.34, 1.56, 0.64, 1);
  --duration-fast: 0.2s;
  --duration-medium: 0.4s;
  --duration-slow: 0.8s;
}