/* tokens.css — the design tokens Palmovka English shares across its two sites:
   the app (app.palmovka-english.co.uk) and the site (palmovka-english.co.uk).

   SOURCE OF TRUTH: rue-exp/css/tokens.css. Edit it here, never in the copy.
   The site holds a byte-identical copy at palmovka-english/public/tokens.css:

       py -X utf8 codex/sync_tokens.py      (from rue-exp: writes the copy)
       py -X utf8 codex/check_tokens.py     (rue-exp; session_end runs it)
       python tools/check_tokens.py         (from palmovka-english)

   Each page loads this file before its own stylesheet. Only values the two
   sites already agree on live here; a value one site still sets differently
   stays in that site's own :root until James decides it (LOOK move 1,
   2026-09-25). Names follow the site; app.css aliases its older names.

   Colour (look C, James 2026-09-25): mostly black, white, grey and silver.
   The accent is silver; --focus is the one blue left, for the keyboard focus
   ring, which has to stay easy to find. Vocab's teal went with it.
   Corners (James, 2026-09-25): 12 px for cards and panels, 8 px for
   anything you click or type in.

   The sans is Source Sans 3, Source Serif's designed companion (James chose
   comparison version C, 2026-09-25): the two voices read as one family, and
   it looks the same on Windows and Mac. SIL Open Font License 1.1, from
   @fontsource-variable/source-sans-3. The files sit in fonts/ beside this
   file in both repos, so one relative path serves both. */

@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url("fonts/source-sans-3-latin-wght-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url("fonts/source-sans-3-latin-ext-wght-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url("fonts/source-sans-3-cyrillic-wght-normal.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
:root {
  --bg: #10161d;
  --surface: #171f28;
  --ink: #e8ecf1;
  --ink-soft: #c6cdd6;
  --muted: #93a0ad;
  --line: #243040;
  --accent: #c6cdd6;
  --accent-strong: #e8ecf1;
  --on-accent: #0d1319;
  --focus: #569cd6;
  --radius: 12px;
  --radius-btn: 8px;
  --correct: #5a9e8f;
  --wrong: #c4a574;
  --serif: "Gentium Book Plus", Georgia, "Times New Roman", serif;
  --caps: "Cinzel", "Gentium Book Plus", Georgia, serif;
  --sans: "Source Sans 3", "Segoe UI", system-ui, -apple-system, sans-serif;
}