/*
  Ethioneural brand tokens. Generated by scripts/build_tokens.py from tokens/tokens.json. Do not edit by hand.
  Light by default. Dark follows the system unless the page sets class="light" or
  data-theme="light" on <html>; class="dark" or data-theme="dark" forces dark.
  Gold (--color-accent) is a fill behind ink, or text on the band. Never text on paper.
*/
:root {
  color-scheme: light;
  --color-paper: #ffffff;
  --color-surface: #f5f5f2;
  --color-ink: #141414;
  --color-ink-muted: #555b62;
  --color-rule: #e2e2de;
  --color-accent: #f5b800;
  --color-on-accent: #141414;
  --color-band: #000000;
  --color-on-band: #ffffff;
  --color-band-muted: #b9bdc3;
  --color-selection: #fde9a8;
  --color-danger: #b3261e;
  --font-display: Sora, "Noto Sans Ethiopic", ui-sans-serif, system-ui, sans-serif;
  --font-sans: "IBM Plex Sans", "Noto Sans Ethiopic", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;
  --text-base: 1.0625rem;
  --radius-sm: 0.25rem;
  --space-gutter: 1rem;
  --space-stack: 2.5rem;
  --space-section: clamp(4rem, 8vw, 7rem);
  --size-measure: 68ch;
  --size-page: 72rem;
}

@media (prefers-color-scheme: dark) {
  :root:not(.light):not([data-theme="light"]) {
    color-scheme: dark;
    --color-paper: #0f0f0f;
    --color-surface: #191919;
    --color-ink: #f2f1ec;
    --color-ink-muted: #a7abb1;
    --color-rule: #2c2c2c;
    --color-accent: #f5b800;
    --color-on-accent: #141414;
    --color-band: #1f1f1f;
    --color-on-band: #ffffff;
    --color-band-muted: #b9bdc3;
    --color-selection: #5c4700;
    --color-danger: #f2a097;
  }
}

:root.dark, :root[data-theme="dark"] {
  color-scheme: dark;
  --color-paper: #0f0f0f;
  --color-surface: #191919;
  --color-ink: #f2f1ec;
  --color-ink-muted: #a7abb1;
  --color-rule: #2c2c2c;
  --color-accent: #f5b800;
  --color-on-accent: #141414;
  --color-band: #1f1f1f;
  --color-on-band: #ffffff;
  --color-band-muted: #b9bdc3;
  --color-selection: #5c4700;
  --color-danger: #f2a097;
}