/* Theme tokens — CSS custom properties. Light is :root; dark via
   prefers-color-scheme AND [data-theme]. An explicit [data-theme] always
   wins over the system preference.

   THE STREAK is the fifth title in the House Press Kit: the print-shop
   language shared with THE BOARD (highlighter yellow), THE LEDGER (stamp
   green), THE JOURNAL (archive blue) and THE SWITCH (switch red) — paper/
   toner grounds, ink lines, hard offset shadows, zero radius, Space Mono
   labels, Archivo Black mastheads. This app's screaming accent is CARBON
   PURPLE: the smudge of carbon-copy paper — every day pressed through onto
   the next. Rust is shared across the kit and only ever means bad news
   (here: sync failures and unresolved conflicts — never a missed day; a
   miss is information, not an alarm). */
:root {
  --bg: #f1ede3;            /* paper */
  --surface: #faf7ef;       /* brighter paper for raised blocks */
  --card: #faf7ef;
  --bd: #d9d2c0;            /* hairline rules */
  --bd-strong: #1d1913;     /* structural borders ARE ink */
  --ink: #1d1913;
  --mut: #5f584a;
  --faint: #8d8471;
  --accent: #5e4390;        /* carbon purple */
  --accent-ink: #f6f2e7;    /* paper-on-purple, never pure white */
  --over: #b23c1c;          /* rust — bad news only */
  --ok: #1e6e48;
  --warn: #b23c1c;
  --amber: #a8720d;
  --hover: rgba(29, 25, 19, .06);
  --sel: rgba(94, 67, 144, .14);
  --shadow: 3px 3px 0 var(--shadow-ink);       /* hard offset, no blur */
  --shadow-sm: 2px 2px 0 var(--shadow-ink);
  --shadow-lg: 6px 6px 0 var(--shadow-ink);
  --shadow-ink: #1d1913;
  --chip-bg: #e9e3d3;
  --grace-bg: #ded5ec;      /* pale carbon tint for grace fills */
  --radius: 0px;
  --radius-sm: 0px;
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --mono: "Space Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --display: "Archivo Black", "Arial Black", "Helvetica Neue", Arial, sans-serif;
  --ease: cubic-bezier(.23, 1, .32, 1);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #151210;          /* toner: photocopy negative */
    --surface: #1f1b16;
    --card: #1f1b16;
    --bd: #3a342a;
    --bd-strong: #ede7d7;   /* cream ink lines on toner */
    --ink: #ede7d7;
    --mut: #a89f8d;
    --faint: #6f6857;
    --accent: #a68fd8;      /* carbon purple, lifted for toner */
    --accent-ink: #151210;
    --over: #e06a45;
    --ok: #5cbd8b;
    --warn: #e06a45;
    --amber: #e0b054;
    --hover: rgba(237, 231, 215, .07);
    --sel: rgba(166, 143, 216, .2);
    --shadow-ink: #0b0906;  /* shadows stay dark; borders go cream */
    --chip-bg: #2a251d;
    --grace-bg: #352d4a;
  }
}

:root[data-theme="dark"] {
  --bg: #151210;
  --surface: #1f1b16;
  --card: #1f1b16;
  --bd: #3a342a;
  --bd-strong: #ede7d7;
  --ink: #ede7d7;
  --mut: #a89f8d;
  --faint: #6f6857;
  --accent: #a68fd8;
  --accent-ink: #151210;
  --over: #e06a45;
  --ok: #5cbd8b;
  --warn: #e06a45;
  --amber: #e0b054;
  --hover: rgba(237, 231, 215, .07);
  --sel: rgba(166, 143, 216, .2);
  --shadow-ink: #0b0906;
  --chip-bg: #2a251d;
  --grace-bg: #352d4a;
}