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

   ZINE REVAMP (2026-07-11, "The House Press Kit"): both household apps
   share a print-shop language — paper/toner grounds, ink lines, hard
   offset shadows, zero radius, Space Mono for figures and labels,
   Archivo Black for mastheads. Cashflow is "THE LEDGER": its screaming
   accent is stamp green; rust is shared across both apps and only ever
   means bad news (overdue, overspend, negative). The cos board is the
   sibling issue with highlighter yellow. Spec:
   ~/cashflow-tasks-ui-revamp-plan.md */
: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: #1e6e48;        /* stamp green */
  --accent-ink: #f6f2e7;    /* paper-on-green, never pure white */
  --over: #b23c1c;          /* rust */
  --ok: #1e6e48;
  --warn: #b23c1c;
  --amber: #a8720d;
  --hover: rgba(29, 25, 19, .06);
  --sel: rgba(30, 110, 72, .12);
  --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;
  --code-bg: #eae4d4;
  --pos: #1e6e48;
  --neg: #b23c1c;
  --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: #5cbd8b;
    --accent-ink: #151210;
    --over: #e06a45;
    --ok: #5cbd8b;
    --warn: #e06a45;
    --amber: #e0b054;
    --hover: rgba(237, 231, 215, .07);
    --sel: rgba(92, 189, 139, .16);
    --shadow-ink: #0b0906;  /* shadows stay dark; borders go cream */
    --chip-bg: #2a251d;
    --code-bg: #1a1712;
    --pos: #5cbd8b;
    --neg: #e06a45;
  }
}

:root[data-theme="dark"] {
  --bg: #151210;
  --surface: #1f1b16;
  --card: #1f1b16;
  --bd: #3a342a;
  --bd-strong: #ede7d7;
  --ink: #ede7d7;
  --mut: #a89f8d;
  --faint: #6f6857;
  --accent: #5cbd8b;
  --accent-ink: #151210;
  --over: #e06a45;
  --ok: #5cbd8b;
  --warn: #e06a45;
  --amber: #e0b054;
  --hover: rgba(237, 231, 215, .07);
  --sel: rgba(92, 189, 139, .16);
  --shadow-ink: #0b0906;
  --chip-bg: #2a251d;
  --code-bg: #1a1712;
  --pos: #5cbd8b;
  --neg: #e06a45;
}