/* ── Design Tokens ─────────────────────────────────────────────── */
:root {
  /* Background */
  --bg0: #0d0f14;
  --bg1: #13161d;
  --bg2: #1a1e28;
  --bg3: #222636;

  /* Border */
  --bdr:  #2e3347;
  --bdr2: #3d4460;

  /* Accent */
  --acc:  #4a9eff;
  --acc2: #00d4aa;
  --warn: #ff6b35;

  /* Text */
  --t0: #e8ecf4;
  --t1: #9ba3bc;
  --t2: #5c6480;

  /* Status */
  --ok:  #3dd68c;
  --err: #ff5e5e;

  /* Layout */
  --nav-h:    50px;
  --subnav-h: 44px;
  --lp-w:    272px;
  --rp-w:    252px;
  --etb-h:    46px;

  /* Font */
  --font-sans: 'IBM Plex Sans', sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;
  /* Brand wordmark (logo) — swap here to change the logo typeface everywhere */
  --font-brand: 'Barlow Semi Condensed', var(--font-sans);
}

/* ── Light theme overrides ──────────────────────────────────────── */
body.light {
  --bg0:  #f0f2f5;
  --bg1:  #ffffff;
  --bg2:  #f5f6f8;
  --bg3:  #e8eaed;
  --bdr:  #d0d4de;
  --bdr2: #b0b8cc;
  --t0:   #1a1e2e;
  --t1:   #4a5068;
  --t2:   #8890aa;
}