/* ── THEME TOKENS: Dark (default) ──────────────────────────
   Custom properties only, moved verbatim from styles.css :root.
   Kept in their own sheet so the tokens outlive the legacy CSS:
   static/sam-v2/sam-v2.css and static/wizard/wizard.css read them.
   Linked in index.html ahead of every other stylesheet.
   No non-token rules here.
──────────────────────────────────────────────────────────── */

:root {
  --bg:         #0d0f11;
  --surface:    #161a1e;
  --surface2:   #1d2127;
  --border:     #252a30;
  --border2:    #2f3740;
  --text:       #d5dde6;
  --muted:      #a0adb8;
  --dim:        #6d7884;
  --tile-model: #b8c6d2;
  --tile-user:  #a8b8c4;
  --amber:    #f57c0a;
  --amber-d:  #b45309;
  --yellow:   #eab308;
  --green:    #22c55e;
  --red:      #ef4444;
  --blue:     #3b82f6;
  --purple:   #a855f7;
  --teal:     #14b8a6;
  --teal-d:   #0f766e;
  --mono:     'IBM Plex Mono', monospace;
  --sans:     'IBM Plex Sans', sans-serif;
  --radius:      6px;
  --radius-sm:   4px;
  --accent:      var(--blue);
  --input-bg:    var(--surface);
  --separator:   var(--border);
  --ctrl-bg:     transparent;
  --ctrl-hover:  transparent;
  --ctrl-shadow: none;
}