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

   Light values are the defaults. The --on-* set below is the same
   palette's dark values, for a dark section sitting inside a light
   page (the CTA band, the footer).
   ───────────────────────────────────────────────────────────── */
:root {
  /* surface */
  --paper: #FAEFDB;
  --paper-tint: #F2E5CE;
  --surface-raised: #FEF6E7;
  --hatch-a: #F6EAD4;
  --hatch-b: #E7D9BE;

  /* line */
  --line: #E4D7C0;
  --line-soft: #EBE0CA;
  --line-chip: #DBCDB3;

  /* ink */
  --ink: #171310;
  --ink-body: #3E3A33;
  --ink-2: #4A453D;
  --ink-muted: #6B655B;
  --ink-faint: #6B655B;

  /* brand & links */
  --accent: #9C2B22;
  --link: #3E3630;
  --link-hover: #171310;
  --link-tint: #F0E7D7;

  /* pressable fills */
  --accent-fill: #9C2B22;

  /* state */
  --correct: #37765F;
  --wrong: #D36900;
  --warning: #D36900;

  /* vocabulary band scale */
  --band-novice: #CFC7B8;
  --band-a: #9C9184;
  --band-b: #655C51;
  --band-c: #332C25;

  /* inverted — text and rules on a dark section */
  --on-ink: #FAF9F7;
  --on-ink-muted: #A9A296;
  --on-ink-faint: #948D80;
  --line-dark: #2E2822;
  --accent-dark: #D9694F;
  --on-link: #D8D0C4;

  /* on-fill foregrounds */
  --on-accent: #FAF9F7;
  --on-correct: #FAF9F7;
  --on-wrong: #171310;
  --on-accent-fill: #FAF9F7;

  /* 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&family=Literata:opsz,wght@7..72,400..700&display=swap"> */
  --text: 'Noto Sans TC', system-ui, -apple-system, sans-serif;
  --display: 'Space Grotesk', var(--text);
  --brush: 'Ma Shan Zheng', var(--text);
  --wordmark: 'Literata', var(--display);
  /* legacy aliases — all resolve to --text so existing rules need not change */
  --serif: var(--text);
  --sans: var(--text);
  --mono: var(--text);
  --han: var(--text);

  /* layout — site-local */
  --pad: 72px;
  --maxw: 1440px;
}