:root {
  --bg: #090D16;
  --bg-elevated: #0D1220;
  --bg-panel: #111a2e;
  --bg-panel-2: #172441;
  --bg-panel-3: #1c2c4d;
  --radar: #2DD4FF;
  --radar-hover: #5CE1FF;
  --radar-dim: #1B6E85;
  --radar-soft: rgba(45, 212, 255, 0.12);
  --yellow: #E8B94A;
  --red: #E5484D;
  --green: #34D399;
  --text: #EDF3FF;
  --text-muted: #90A3C4;
  --text-faint: #5D7099;
  --border: #22304f;
  --border-soft: #1a2743;

  --font-display: 'Big Shoulders Display', sans-serif;
  --font-body: 'IBM Plex Sans', sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;

  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-pill: 999px;

  --shadow-sm: 0 2px 8px rgba(2, 6, 16, 0.35);
  --shadow-md: 0 8px 24px rgba(2, 6, 16, 0.45);
  --shadow-lg: 0 16px 48px rgba(2, 6, 16, 0.55);
  --shadow-glow: 0 0 0 1px rgba(45, 212, 255, 0.15), 0 8px 32px rgba(45, 212, 255, 0.12);
  --shadow-glow-strong: 0 0 0 1px rgba(45, 212, 255, 0.35), 0 12px 40px rgba(45, 212, 255, 0.22);

  --ease: cubic-bezier(.4, 0, .2, 1);
  --transition: .2s var(--ease);
  --transition-slow: .4s var(--ease);

  --container-width: 1120px;
}