/* tokens.css — Operator dashboard widget palette
   Vendored from Jake's Widget Design Deck (2026-05-22).
   Bloomberg-terminal-meets-ledger: warm cream paper, dark olive ink,
   rust accent, wine alerts, indigo/plum/amber/slate signals.

   IMPORTANT — SCOPING: these vars are NOT in :root because VMCC's
   existing tokens.css owns `--paper`, `--ink`, etc. at a different
   palette for app chrome. Widget tokens cascade only inside .w
   widget contexts and explicit widget-scope wrappers. Every widget
   the agent emits wraps in `<div class="w ...">` so tokens propagate
   from there down. */

.w,
.widget-scope,
[data-widget-host] {
  /* paper + ink */
  --bg:          #f4eee0;
  --paper:       #fbf6e9;
  --paper-2:     #f7f0dd;
  --paper-3:     #efe7d1;
  --hairline:    #e3d8bd;
  --hairline-2:  #d4c7a6;
  --ink:         #2a2620;
  --ink-2:       #4a4338;
  --ink-3:       #7a715f;
  --ink-4:       #a89e88;

  /* signals */
  --green:       #4f7d3f;
  --green-2:     #3a6230;
  --green-soft:  #d9e2c8;
  --green-tint:  #e9efd9;

  --rust:        #b06a2c;
  --rust-2:      #8b4d1c;
  --rust-soft:   #f0d8b8;
  --rust-tint:   #f6e6cd;

  --wine:        #9a3030;
  --wine-2:      #7a2424;
  --wine-soft:   #e9c9c4;
  --wine-tint:   #f3dddb;

  --amber:       #c8961e;
  --amber-soft:  #f0deb0;
  --amber-tint:  #f8edcd;

  --indigo:      #4a4c8a;
  --indigo-soft: #c8cae0;
  --indigo-tint: #dfe0ed;

  --plum:        #6f4a7a;
  --plum-soft:   #d3c1d8;
  --plum-tint:   #e6d8e9;

  --slate:       #4a5a6a;
  --slate-soft:  #c8d0d8;

  /* density */
  --r-1: 4px;
  --r-2: 6px;
  --r-3: 8px;
  --r-4: 12px;

  /* type */
  --f-sans: 'IBM Plex Sans', 'Söhne', system-ui, sans-serif;
  --f-mono: 'IBM Plex Mono', ui-monospace, monospace;
  --f-serif: 'Newsreader', 'Source Serif 4', Georgia, serif;
}