/* Single source of the palette. Linked directly by index.html and api.html so
   the documentation page inherits the same theme choice as the app; the app's
   bundled stylesheet only consumes these variables.

   Every theme maps the same meaning to the same hue family — up ~120-130°,
   unknown ~40°, down ~0-5° — with lightness tuned per background so the
   green/amber/red reading survives a theme switch. */
:root {
  --font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --font-sans: 'Instrument Sans Variable', system-ui, sans-serif;
}

html[data-theme='terminal'] {
  color-scheme: dark;
  --bg: #000000;
  --surface: #020502;
  --fg: #33ff33;
  --muted: #2db84c;
  --line: #14401e;
  --line-strong: #1f5c2e;
  --up: #33ff33;
  --down: #ff4444;
  --unknown: #ffb000;
  --font-body: var(--font-mono);
}

html[data-theme='paper'] {
  color-scheme: light;
  --bg: #f4f1ea;
  --surface: #fffefa;
  --fg: #1c1d1a;
  --muted: #6b6d65;
  --line: #d8d4c9;
  --line-strong: #b9b3a4;
  --up: #147023;
  --down: #b83c31;
  --unknown: #9a6818;
  --font-body: var(--font-sans);
}

html[data-theme='midnight'] {
  color-scheme: dark;
  --bg: #0d1117;
  --surface: #161b22;
  --fg: #dbe2ea;
  --muted: #8b949e;
  --line: #2d333b;
  --line-strong: #444c56;
  --up: #3fb950;
  --down: #f85149;
  --unknown: #d29922;
  --font-body: var(--font-sans);
}