:root {
  /* Backgrounds */
  --bg:          #080C1A;
  --bg-card:     #0F1528;
  --panel:       #141930;
  --border:      #1E2540;

  /* Accents */
  --accent:       #7C4DFF;
  --accent-blue:  #00CFFF;
  --accent-cyan:  #00E5FF;
  --accent-green: #00E676;
  --accent-red:   #FF4444;
  --accent-amber: #FFD740;

  /* Text */
  --text-primary:   #FFFFFF;
  --text-secondary: #B0BEC5;
  --text-muted:     #546E7A;

  /* Spacing */
  --space-xs:  4px;
  --space-sm:  8px;
  --space-md:  16px;
  --space-lg:  32px;
  --space-xl:  64px;
  --space-xxl: 128px;

  /* Typography */
  --font-heading: 'Orbitron', 'Courier New', monospace;
  --font-body:    'Inter', system-ui, sans-serif;

  /* Border radii */
  --radius-card: 16px;
  --radius-chip:  8px;
  --radius-btn:  12px;

  /* Navbar height */
  --navbar-h: 72px;
}