:root {
  /* ── Colours ───────────────────────────────── */
  --bg:            #060c17;
  --bg-1:          #090f1e;
  --bg-2:          #0d1526;
  --bg-card:       #0f1a2e;
  --bg-card-hover: #131f35;

  --green:         #00e87a;
  --green-dim:     rgba(0, 232, 122, 0.12);
  --green-glow:    rgba(0, 232, 122, 0.25);
  --green-glow-lg: rgba(0, 232, 122, 0.08);

  --text:          #e8edf5;
  --text-muted:    #7a8ba8;
  --text-faint:    #3d4f6a;

  --border:        rgba(255,255,255,0.06);
  --border-bright: rgba(255,255,255,0.12);
  --border-green:  rgba(0, 232, 122, 0.25);

  --amber:         #f5a623;
  --amber-dim:     rgba(245, 166, 35, 0.15);

  /* ── Typography ───────────────────────────── */
  --font-display: 'Bricolage Grotesque', sans-serif;
  --font-mono:    'DM Mono', monospace;

  /* ── Spacing ──────────────────────────────── */
  --space-xs:  4px;
  --space-sm:  8px;
  --space-md:  16px;
  --space-lg:  24px;
  --space-xl:  40px;
  --space-2xl: 64px;
  --space-3xl: 100px;

  /* ── Radius ───────────────────────────────── */
  --radius-sm:  6px;
  --radius-md:  12px;
  --radius-lg:  18px;
  --radius-xl:  24px;

  /* ── Transitions ──────────────────────────── */
  --transition: 0.2s ease;
  --transition-slow: 0.4s ease;
}