/* Design tokens — "Bond Paper". Light = :root default; dark is the flip.
   Legacy variable names from "Graphite & Ember" are retained as aliases so
   base.css / components.css / chart-theme.js / rb-map.js / ui.js keep working
   unmodified — see task-1 brief R1. */
:root {
  color-scheme: light;
  /* Bond Paper core */
  --bg:#ECEAE4; --surface:#FBFAF7; --surface-2:#F3F1EB; --line:#DAD6CC;
  --ink:#1A1712; --ink-2:#565049; --ink-3:#857E70;
  --accent:#8E2F3B; --accent-h:#7a2733; --accent-2:#3E4E5A; --accent-2-soft:rgba(62,78,90,.10);
  --up:#2E7D4F; --warn:#B07A16; --degraded:var(--warn); --down:#B23A2E;
  --font-display:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;
  --font-sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;

  /* Legacy aliases (Graphite & Ember names) — mapped to Bond Paper values */
  --plane:var(--bg); --surface-1:var(--surface); --surface-3:#EAE6DC;
  --ink-1:var(--ink);
  --hairline:var(--line); --hairline-strong:#C9C4B6;
  --accent-ink:var(--accent-h);
  --accent-wash:rgba(142,47,59,.09); --accent-line:rgba(142,47,59,.28);
  --up-wash:rgba(46,125,79,.10); --degraded-wash:rgba(176,122,22,.10); --down-wash:rgba(178,58,46,.10);
  --grid:var(--surface-2); --axis:var(--hairline-strong);
  --series-1:#2a78d6; --series-2:#008300; --series-3:#e87ba4; --series-4:#eda100;
  --series-5:#1baf7a; --series-6:#eb6834; --series-7:#4a3aa7; --series-8:#e34948;
  --elev-1:0 1px 2px rgba(26,23,20,.05),0 1px 1px rgba(26,23,20,.04);
  --elev-2:0 12px 30px rgba(26,23,20,.10),0 2px 6px rgba(26,23,20,.06);
  --ring-focus:0 0 0 3px var(--accent-wash),0 0 0 1px var(--accent);
  --font-serif:var(--font-display);
  --r-sm:6px; --r-md:9px; --r-lg:12px; --r-pill:999px;
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px; --sp-8:32px; --sp-10:40px; --sp-12:48px; --sp-16:64px;
}
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --bg:#171512; --surface:#201D18; --surface-2:#2A251F; --line:#352F27;
    --ink:#F1EDE4; --ink-2:#B4AA9A; --ink-3:#847B6C;
    --accent:#C05561; --accent-h:#cf6672; --accent-2:#7F98A8; --accent-2-soft:rgba(127,152,168,.14);
    --up:#5FB56A; --warn:#E0A93E; --degraded:var(--warn); --down:#E05A4E;

    --plane:var(--bg); --surface-1:var(--surface); --surface-3:#332C24;
    --ink-1:var(--ink);
    --hairline:var(--line); --hairline-strong:#443C31;
    --accent-ink:var(--accent-h);
    --accent-wash:rgba(192,85,97,.15); --accent-line:rgba(192,85,97,.34);
    --up-wash:rgba(95,181,106,.15); --degraded-wash:rgba(224,169,62,.16); --down-wash:rgba(224,90,78,.16);
    --grid:var(--surface-2); --axis:var(--hairline-strong);
    --series-1:#3987e5; --series-2:#008300; --series-3:#d55181; --series-4:#c98500;
    --series-5:#199e70; --series-6:#d95926; --series-7:#9085e9; --series-8:#e66767;
    --elev-1:0 1px 2px rgba(0,0,0,.5);
    --elev-2:0 14px 34px rgba(0,0,0,.55),0 2px 8px rgba(0,0,0,.42);
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg:#171512; --surface:#201D18; --surface-2:#2A251F; --line:#352F27;
  --ink:#F1EDE4; --ink-2:#B4AA9A; --ink-3:#847B6C;
  --accent:#C05561; --accent-h:#cf6672; --accent-2:#7F98A8; --accent-2-soft:rgba(127,152,168,.14);
  --up:#5FB56A; --warn:#E0A93E; --degraded:var(--warn); --down:#E05A4E;

  --plane:var(--bg); --surface-1:var(--surface); --surface-3:#332C24;
  --ink-1:var(--ink);
  --hairline:var(--line); --hairline-strong:#443C31;
  --accent-ink:var(--accent-h);
  --accent-wash:rgba(192,85,97,.15); --accent-line:rgba(192,85,97,.34);
  --up-wash:rgba(95,181,106,.15); --degraded-wash:rgba(224,169,62,.16); --down-wash:rgba(224,90,78,.16);
  --grid:var(--surface-2); --axis:var(--hairline-strong);
  --series-1:#3987e5; --series-2:#008300; --series-3:#d55181; --series-4:#c98500;
  --series-5:#199e70; --series-6:#d95926; --series-7:#9085e9; --series-8:#e66767;
  --elev-1:0 1px 2px rgba(0,0,0,.5);
  --elev-2:0 14px 34px rgba(0,0,0,.55),0 2px 8px rgba(0,0,0,.42);
}
:root[data-theme="light"] {
  color-scheme: light;
  --bg:#ECEAE4; --surface:#FBFAF7; --surface-2:#F3F1EB; --line:#DAD6CC;
  --ink:#1A1712; --ink-2:#565049; --ink-3:#857E70;
  --accent:#8E2F3B; --accent-h:#7a2733; --accent-2:#3E4E5A; --accent-2-soft:rgba(62,78,90,.10);
  --up:#2E7D4F; --warn:#B07A16; --degraded:var(--warn); --down:#B23A2E;

  --plane:var(--bg); --surface-1:var(--surface); --surface-3:#EAE6DC;
  --ink-1:var(--ink);
  --hairline:var(--line); --hairline-strong:#C9C4B6;
  --accent-ink:var(--accent-h);
  --accent-wash:rgba(142,47,59,.09); --accent-line:rgba(142,47,59,.28);
  --up-wash:rgba(46,125,79,.10); --degraded-wash:rgba(176,122,22,.10); --down-wash:rgba(178,58,46,.10);
  --grid:var(--surface-2); --axis:var(--hairline-strong);
  --series-1:#2a78d6; --series-2:#008300; --series-3:#e87ba4; --series-4:#eda100;
  --series-5:#1baf7a; --series-6:#eb6834; --series-7:#4a3aa7; --series-8:#e34948;
  --elev-1:0 1px 2px rgba(26,23,20,.05),0 1px 1px rgba(26,23,20,.04);
  --elev-2:0 12px 30px rgba(26,23,20,.10),0 2px 6px rgba(26,23,20,.06);
}