:root {
  /* Brand Apex palette + Neon Telemetry adrenaline */
  --brand-navy: #0b1f33;
  --brand-navy-dark: #0d2a42;
  --brand-teal: #00e5b8;
  --brand-teal-muted: #00a88a;
  --void: #05080f;
  --cockpit: #0a1628;
  --panel: #0f1a2e;
  --panel-2: #142038;
  --telemetry: #00e5b8;
  --telemetry-dim: rgba(0, 229, 184, 0.12);
  --telemetry-glow: rgba(0, 229, 184, 0.35);
  --magenta: #ff2d55;
  --magenta-dim: rgba(255, 45, 85, 0.15);
  --magenta-glow: rgba(255, 45, 85, 0.4);
  --signal: #7b61ff;
  --hud: #e8f4ff;
  --muted: #9bb0c4;
  --success: #00d68f;
  --danger: #ff4d6a;
  --warning: #ffc857;
  --line: rgba(0, 229, 184, 0.15);
  --line-strong: rgba(0, 229, 184, 0.35);
  --glass: rgba(10, 22, 40, 0.72);
  --glass-strong: rgba(5, 8, 15, 0.88);
  --shadow: 0 20px 60px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 32px 80px rgba(0, 0, 0, 0.55);
  --shadow-neon: 0 0 40px rgba(0, 229, 184, 0.12);
  --shadow-neon-strong: 0 0 48px rgba(0, 229, 184, 0.22), 0 0 96px rgba(123, 97, 255, 0.12);
  --shadow-magenta: 0 12px 40px rgba(255, 45, 85, 0.35);
  --radius: 12px;
  --radius-sm: 8px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --font-display: "Orbitron", system-ui, sans-serif;
  --font-body: "DM Sans", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --container: 1200px;
  --header-h: 72px;
  --risk-h: 40px;
  --z-risk: 1000;
  --z-header: 900;
  --z-cookie: 1100;
  --z-drawer: 950;
  --z-toast: 1200;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --grad-hero: linear-gradient(135deg, #05080f 0%, #0a1628 45%, #1a0530 100%);
  --grad-cta: linear-gradient(90deg, #ff2d55, #7b61ff);
  --grad-signal: linear-gradient(135deg, #00e5b8, #7b61ff);
  --grad-panel: linear-gradient(160deg, rgba(15, 26, 46, 0.95), rgba(10, 22, 40, 0.8));
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --space-9: 6rem;
}