:root {
  /* ── Backgrounds ──────────────────────────────────── */
  --bg:      #111111;   /* page base */
  --bg-s:    #0d0d0d;   /* sidebar / topbar */
  --bg-c:    #1a1a1a;   /* card surface */
  --bg-c2:   #202020;   /* card secondary / header */
  --bg-in:   #252525;   /* input / inner field */
  --bg-h:    #1e1e1e;   /* hover surface */

  /* ── Borders ──────────────────────────────────────── */
  --bdr:     #2e2e2e;   /* default border (was #2a2a2a — +1 stop) */
  --bdr2:    #3e3e3e;   /* prominent border (was #383838 — +1 stop) */

  /* ── Text scale ───────────────────────────────────────
     Contrast ratios against --bg (#111111):
     --t1  #f5f5f5  ~18.6:1   primary text — max readability
     --t2  #b0b0b0   ~9.9:1   secondary text / values — clear
     --t3  #717171   ~4.6:1   tertiary / labels / desc — meets WCAG AA
            (was #555555 ~2.7:1 — below minimum readable threshold)
  ────────────────────────────────────────────────────── */
  --t1:      #f5f5f5;   /* primary (was #ffffff — very slight warm-off-white) */
  --t2:      #b0b0b0;   /* secondary (was #999999 — +17 lightness) */
  --t3:      #717171;   /* tertiary / labels (was #555555 — +28 lightness) */

  /* ── Brand accents ────────────────────────────────── */
  --green:   #42d382;
  --gd:      rgba(66, 211, 130, .1);
  --gb:      rgba(66, 211, 130, .22);
  --orange:  #f97316;
  --od:      rgba(249, 115, 22, .1);
  --ob:      rgba(249, 115, 22, .25);
  --red:     #f05252;
  --amber:   #f59e0b;

  /* ── Typography ───────────────────────────────────── */
  --font:    Plus Jakarta Sans, sans-serif;
  --mono:    JetBrains Mono, monospace;
}