:root{
  --black:#050810;--black2:#080D18;--navy:#0D1B2A;--navy2:#0F2240;
  --cyan:#00D4FF;--cyan-bright:#33DDFF;--cyan-dim:rgba(0,212,255,.12);--cyan-glow:rgba(0,212,255,.35);
  --purple:#7B2FFF;--purple-bright:#9B5FFF;--purple-dim:rgba(123,47,255,.15);
  --red:#FF3D71;--red-dim:rgba(255,61,113,.12);
  --green:#00FF88;--green-dim:rgba(0,255,136,.1);
  --amber:#FFB800;
  --text-primary:#F0F4FF;--text-secondary:#8B9DC3;--text-dim:#4A5A7A;
  --glass:rgba(13,27,42,.65);--glass-solid:rgba(13,27,42,.96);
  --glass-border:rgba(0,212,255,.1);--glass-border-md:rgba(0,212,255,.28);--glass-border-hi:rgba(0,212,255,.55);
  --grad-primary:linear-gradient(135deg,#00D4FF,#7B2FFF);
  --font-display:'Space Grotesk',sans-serif;--font-body:'Inter',sans-serif;--font-mono:'JetBrains Mono',monospace;
  --nav-h:70px;--max-w:1240px;
  --r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:24px;--r-full:999px;
  --sh-cyan:0 0 30px rgba(0,212,255,.2);--sh-cyan-hi:0 8px 40px rgba(0,212,255,.35);
}
body.light-mode{
  --black:#F0F4FF;--black2:#E8EEF8;--navy:#E0E8F5;--navy2:#D4DFF0;
  --text-primary:#0A1628;--text-secondary:#2E4060;--text-dim:#6A7A9A;
  --glass:rgba(240,244,255,.8);--glass-solid:rgba(240,244,255,.97);
  --glass-border:rgba(0,100,180,.12);--glass-border-md:rgba(0,100,180,.28);
}