/* ─────────────────────────────────────────────────────────────
   DO NOT EDIT — generated from brand/tokens.json by brand/build-tokens.py

   Internal tooling shares the product palette so a screenshot of an
   ops screen never looks like a different product.
   ───────────────────────────────────────────────────────────── */
:root {
  --paper: #FAF9F7;  /* Page and app ground */
  --paper-tint: #F2F0EC;  /* Secondary blocks, table headers, feature bar, letterboxed shots */
  --surface-raised: #FFFFFF;  /* Inputs and the resting fill of a tappable row */
  --line: #E2DFD9;  /* Default hairline */
  --line-chip: #DCD8D1;  /* Chips, inputs, logo frame, option-row borders */
  --ink: #14171A;  /* Headings, primary text, filled buttons, dark sections */
  --ink-body: #3E3C37;  /* Body copy, h1 subline */
  --ink-muted: #6B6862;  /* Mono labels, de-emphasised values */
  --accent: #9C2B22;  /* Seal red */
  --link: #23415C;  /* Links, mono kickers, progress-bar fills, focus ring */
  --link-hover: #152838;  /* Link hover / pressed */
  --link-tint: #DCE6F0;  /* Pale wash of `link` for a selected row, an active nav item or a focus ring */
  --correct: #1257C7;  /* Right answer */
  --wrong: #D01E4D;  /* Wrong answer */
  --warning: #8A6A00;  /* Caution / expiry */
  --on-ink: #FAF9F7;  /* Text and glyphs drawn on top of an `ink` fill */
  --on-accent: #FAF9F7;  /* Text and glyphs on a `brand` fill */

  /* type — families from tokens.json. Load the faces with:
     <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Noto+Sans+TC:wght@400;500;600;700&family=Ma+Shan+Zheng&display=swap"> */
  --text: 'Noto Sans TC', system-ui, -apple-system, sans-serif;
  --display: 'Space Grotesk', var(--text);
  --brush: 'Ma Shan Zheng', var(--text);
  /* legacy aliases — all resolve to --text so existing rules need not change */
  --serif: var(--text);
  --sans: var(--text);
  --mono: var(--text);
  --han: var(--text);
}

@media (prefers-color-scheme: dark) {
  :root {
    --paper: #14171A;
    --paper-tint: #1C1F23;
    --surface-raised: #24272C;
    --line: #2A2E33;
    --line-chip: #343941;
    --ink: #FAF9F7;
    --ink-body: #E4E1DB;
    --ink-muted: #A8A49C;
    --accent: #E8796A;
    --link: #9CC0E0;
    --link-hover: #C4DAEE;
    --link-tint: #22303F;
    --correct: #7FB4FF;
    --wrong: #FF93A8;
    --warning: #EDBB00;
    --on-ink: #14171A;
    --on-accent: #14171A;
  }
}