/* Shared by the learner pages and the admin workspace. Loaded after styles.css,
   so these tokens replace its older palette everywhere they are used. */

/* Literata (SIL OFL, fonts/literata/OFL.txt), self-hosted. The Cyrillic subset
   carries U+0301 so stress marks render in the same face as the letters. */
@font-face {
  font-family: "Literata";
  font-style: normal;
  font-display: swap;
  font-weight: 200 900;
  src: url("../fonts/literata/literata-cyrillic-wght-normal.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Literata";
  font-style: normal;
  font-display: swap;
  font-weight: 200 900;
  src: url("../fonts/literata/literata-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;
}

:root {
  --font-reading: "Literata", Georgia, "Times New Roman", serif;
  /* The logo (public/icon.svg) keeps the bright blue and yellow. The interface
     uses a calmer slate blue only for actions and selected states, on warm
     neutrals: warm off-white reading surfaces read better than cool grey or
     blue ones (Rello & Bigham 2017), and colour marks what matters only when
     it is scarce. */
  --bg: #f6f4ef;
  --paper: #fffdf9;
  --ink: #1f2328;
  --muted: #605c55;
  --faint: #a19c93;
  --line: #e3dfd6;
  --control-line: #928d84;
  --accent: #2c4f7c;
  --accent-strong: #223e62;
  --accent-soft: #e9eef5;
  --highlight: #ffe89c;
  --highlight-soft: #fbf3d5;
  --brand-yellow: #ffd43b;
  --surface-muted: #efece5;
  --surface-muted-hover: #e7e3da;
  --track: #ebe7df;
  --switch-off: #c3beb4;
  --success: #1f7a4d;
  --success-soft: #e7f4ec;
  --danger: #a44334;
  --danger-soft: #fff0ec;
  --shadow-raised: 0 1px 2px #1f232821, 0 0 0 1px #1f23280d;
  --shadow: none;
}