/* ZYS colour tokens: the one place the site's colours are written down.
   Every other stylesheet reads these with the same value as a fallback, so if this
   file ever fails to load the site looks exactly the same. The values below are the
   ones already on screen today (proved by tests/colour-tokens.test.cjs); change a
   colour here, in one place. */
/* ZYS font: the one typeface for the whole site. Every stylesheet writes font-family:var(--zys-font).
   Bricolage Grotesque is kept only for the ZYS/// logo lettering (--zys-logo-font). tests/one-font.test.cjs enforces this. */
@font-face{font-family:"Atkinson Hyperlegible Next";src:url(/fonts/atkinson-hyperlegible-next-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Atkinson Hyperlegible Next";src:url(/fonts/atkinson-hyperlegible-next-600.woff2) format("woff2");font-weight:500 650;font-display:swap}
@font-face{font-family:"Atkinson Hyperlegible Next";src:url(/fonts/atkinson-hyperlegible-next-700.woff2) format("woff2");font-weight:651 800;font-display:swap}
@font-face{font-family:"Bricolage Grotesque";src:url(/fonts/bricolage-grotesque.woff2) format("woff2");font-weight:200 800;font-display:swap}
:root{--zys-font:"Atkinson Hyperlegible Next",ui-sans-serif,system-ui,sans-serif;--zys-logo-font:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;
  /* Brand: cream, navy and gold */
  --zys-ivory:#faf7f0;
  --zys-ivory-deep:#f3ede1;
  --zys-card:#fffdf8;
  --zys-navy:#102d50;
  --zys-ink:#1f3540;
  --zys-muted:#5b6b66;
  --zys-line:#e7e1d4;
  --zys-line-strong:#d5ccb9;
  --zys-emerald:#102d50;
  --zys-emerald-deep:#0b2140;
  --zys-teal-ink:#35527d;
  --zys-gold:#af8541;
  /* Answered-question colours (locked: correct, not quite, explanation, learning, safety, high-yield) */
  --zys-ok:#12746a;
  --zys-ok-tint:#e6f5ee;
  --zys-danger:#b0263d;
  --zys-tint-danger:#fcedf0;
  --zys-danger-line:#eec1ca;
  --zys-warn:#b5771c;
  --zys-warn-ink:#875811;
  --zys-tint-warn:#fcf4e4;
  --zys-warn-line:#ead4a6;
  --zys-info:#4356b3;
  --zys-info-ink:#33439a;
  --zys-tint-info:#eef0fb;
  --zys-info-line:#cad1f1;
  --zys-step-tint:#e9f4ee;
  --zys-step-edge:#1d7a5c;
  --zys-step-ink:#125a43;
  --zys-high-yield-tint:#fdf0c4;
  /* Activity colours */
  --zys-act-practise:#102d50;
  --zys-act-practise-strong:#0b2140;
  --zys-act-practise-tint:#eef1f6;
  --zys-act-practise-tint-strong:#dde4ee;
  --zys-act-learn:#94580a;
  --zys-act-learn-strong:#774607;
  --zys-act-learn-tint:#fdf4e3;
  --zys-act-learn-tint-strong:#f6e3bf;
  --zys-act-ai:#102d50;
  --zys-act-ai-strong:#0b2140;
  --zys-act-ai-tint:#eef1f6;
  --zys-act-ai-tint-strong:#dde4ee;
  --zys-act-feedback:#875811;
  --zys-act-feedback-strong:#6b450d;
  --zys-act-feedback-tint:#fcf4e4;
  --zys-act-feedback-tint-strong:#f6e3bf;
}
