/* Shared dash light/dark tokens. Accent stays per-dash.
   localStorage key: dash-theme = "light" | "dark"
   Default (no key): light (cream). Toggle lives in #dash-switcher. */
:root,
html[data-theme="light"] {
  --bg: #f7f1de;
  --card: #fff8e7;
  --panel: #fff8e7;
  --panel2: #efe6c8;
  --ink: #222222;
  --text: #222222;
  --muted: #666666;
  --border: #e0d4a8;
  --border-soft: #e7d9a8;
  --row: #fffdf5;
  --row-hover: #fef3c7;
  --row-sel: #fde68a;
  --th: #fde68a;
  --header-grad-a: #f59e0b;
  --header-grad-b: #fbbf24;
  --header-ink: #422006;
  --nav-bg: #efe6c8;
  --nav-ink: #92400e;
  --heading: #78350f;
  --panel-title-bg: #f59e0b;
  --panel-title-ink: #1c1917;
  --input-bg: #ffffff;
  --sec: #fef3c7;
  --sec-ink: #92400e;
  --accent: #d97706;
  --accent-hover: #b45309;
  --up: #166534;
  --down: #b91c1c;
  --shadow: rgba(120, 53, 15, 0.12);
  color-scheme: light;
}
html[data-theme="dark"] {
  --bg: #0f1419;
  --card: #1a2332;
  --panel: #1a2332;
  --panel2: #243044;
  --ink: #e7ecf3;
  --text: #e7ecf3;
  --muted: #8b9bb4;
  --border: #2d3a4f;
  --border-soft: #2d3a4f;
  --row: #1a2332;
  --row-hover: #243044;
  --row-sel: #2d3a4f;
  --th: #243044;
  --header-grad-a: #1a2332;
  --header-grad-b: #243044;
  --header-ink: #e7ecf3;
  --nav-bg: #1a2332;
  --nav-ink: #e7ecf3;
  --heading: #e7ecf3;
  --panel-title-bg: #243044;
  --panel-title-ink: #e7ecf3;
  --input-bg: #0f1419;
  --sec: #243044;
  --sec-ink: #e7ecf3;
  /* accent kept per-dash; dairy default amber still readable on dark */
  --accent: #f59e0b;
  --accent-hover: #d97706;
  --up: #3ecf8e;
  --down: #f07178;
  --shadow: rgba(0, 0, 0, 0.35);
  color-scheme: dark;
}
