*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  /* ── Orbital HUD Core Palette ─────────────────────────────── */
  --space-bg:           #090d18;
  --space-deep:         #050b14;
  --space-panel:        #0f172a;
  --space-border:       rgba(255,255,255,0.08);
  --brand-cyan:         #0bc6ea;
  --brand-cyan-dim:     rgba(11,198,234,0.10);
  --brand-cyan-hover:   #02829b;
  --brand-emerald:      #10b981;
  --brand-amber:        #f59e0b;
  --brand-red:          #ef4444;
  --text-main:          #e2e8f0;
  --text-muted:         #94a3b8;
  --text-dim:           #64748b;

  /* ── Legacy aliases (preserve existing CSS var() references) ─ */
  --white:       #ffffff;
  --indigo-50:   rgba(11,198,234,0.07);
  --indigo-100:  rgba(11,198,234,0.13);
  --indigo-200:  rgba(11,198,234,0.28);
  --indigo-600:  #0bc6ea;
  --indigo-700:  #02829b;
  --gray-50:     #0f172a;
  --gray-100:    #1e293b;
  --gray-200:    rgba(255,255,255,0.08);
  --gray-300:    rgba(255,255,255,0.14);
  --gray-400:    #64748b;
  --gray-500:    #94a3b8;
  --gray-600:    #cbd5e1;
  --gray-700:    #e2e8f0;
  --gray-900:    #f1f5f9;
  --green-100:   rgba(16,185,129,0.15);
  --green-600:   #10b981;
  --green-800:   #6ee7b7;
  --red-50:      rgba(239,68,68,0.10);
  --red-700:     #f87171;
  --primary:     #0bc6ea;
  --primary-lighter: rgba(11,198,234,0.10);
}