/* Blaine Bartholomew brand tokens — generated from tokens.json (v0.2, 27 Sept 2026).
   Paste into the <style> block of any single-file build. Use var(--token), never a raw hex. */
:root {
  color-scheme: light;
  --fir: #0F3D3E;
  --fir-soft: #D6E4E1;
  --ember: #E8622C;
  --ember-ink: #A8431A;
  --paper: #F7F6F2;
  --surface: #EAE7DE;
  --ink: #1F2423;
  --ink-muted: #5A615F;
  --line: #CFCBC0;
  --success: #2F7A4D;
  --warn: #8F6512;
  --error: #B23A3A;
  --font-display: "Schibsted Grotesk", "Helvetica Neue", Arial, sans-serif;
  --font-sans: "IBM Plex Sans", "IBM Plex Sans JP", "Hiragino Sans", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius-sm: 4px;
  --radius-md: 12px;
  --radius-full: 999px;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --fir: #3ED8C3;
    --fir-soft: #173634;
    --ember: #FF8A50;
    --ember-ink: #FF8A50;
    --paper: #0B0F0E;
    --surface: #151B1A;
    --ink: #E6ECEA;
    --ink-muted: #9AA7A4;
    --line: #2A3432;
    --success: #4ADE80;
    --warn: #FBBF24;
    --error: #F87171;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --fir: #3ED8C3;
  --fir-soft: #173634;
  --ember: #FF8A50;
  --ember-ink: #FF8A50;
  --paper: #0B0F0E;
  --surface: #151B1A;
  --ink: #E6ECEA;
  --ink-muted: #9AA7A4;
  --line: #2A3432;
  --success: #4ADE80;
  --warn: #FBBF24;
  --error: #F87171;
}
/* Playful register (kid/family builds): use the brighter dark-theme hues even on light UI. */
:root[data-register="playful"] {
  --fir: #3ED8C3;
  --ember: #FF8A50;
}
body { background: var(--paper); color: var(--ink); font-family: var(--font-sans); font-size: 16px; line-height: 1.6; }
h1, h2 { font-family: var(--font-display); color: var(--fir); text-wrap: balance; }
code, .figure { font-family: var(--font-mono); font-variant-numeric: tabular-nums; }