/* educatedai.org design tokens: "the tactics board".
   Names are frozen (contracts/BUILD-PLAN.md A.d); values belong to the design stream (design/README.md).
   One theme on purpose: chalk on a night-green board. Imported by the public site, /family and the film renderer.
   Font files are relative to this file: design/fonts/ in the repo, /assets/fonts/ on the site. */

@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;
 src:url(fonts/bricolage-grotesque/bricolage-grotesque-latin-wdth-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:"Bricolage Grotesque";font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;
 src:url(fonts/bricolage-grotesque/bricolage-grotesque-latin-ext-wdth-normal.woff2) format("woff2");
 unicode-range:U+0100-0130,U+0132-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,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:"Atkinson Hyperlegible";font-style:normal;font-display:swap;font-weight:400;
 src:url(fonts/atkinson-hyperlegible/atkinson-hyperlegible-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Atkinson Hyperlegible";font-style:italic;font-display:swap;font-weight:400;
 src:url(fonts/atkinson-hyperlegible/atkinson-hyperlegible-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"Atkinson Hyperlegible";font-style:normal;font-display:swap;font-weight:700;
 src:url(fonts/atkinson-hyperlegible/atkinson-hyperlegible-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-display:swap;font-weight:400;
 src:url(fonts/jetbrains-mono/jetbrains-mono-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-display:swap;font-weight:700;
 src:url(fonts/jetbrains-mono/jetbrains-mono-latin-700-normal.woff2) format("woff2")}

:root{
 /* colour: board, chalk, marker. Lowercase 6-digit hex so the film spec palette can reuse them verbatim. */
 --eai-color-bg:#0f1a16; --eai-color-surface:#15241e; --eai-color-surface-2:#1d2f28;
 --eai-color-ink:#f4efe3; --eai-color-ink-muted:#a9b8ae; --eai-color-accent:#ff7a3d; --eai-color-accent-2:#8fd3ff;
 --eai-color-hit:#b8f15a; --eai-color-miss:#ff9ec0; --eai-color-danger:#ff6b5e; --eai-color-focus:#ffd84a;
 /* type: a strange, stretchy grotesque for shouting; a font built for legibility for reading; a mono for lab labels */
 --eai-font-display:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;
 --eai-font-body:"Atkinson Hyperlegible",ui-sans-serif,system-ui,sans-serif;
 --eai-font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
 --eai-text-scale:1;  /* /family text-size control multiplies this */
 --eai-step--1:calc(.875rem*var(--eai-text-scale)); --eai-step-0:calc(1.0625rem*var(--eai-text-scale));
 --eai-step-1:calc(1.25rem*var(--eai-text-scale)); --eai-step-2:calc(1.6rem*var(--eai-text-scale));
 --eai-step-3:calc(2.1rem*var(--eai-text-scale)); --eai-step-4:calc(2.8rem*var(--eai-text-scale)); --eai-step-5:calc(3.8rem*var(--eai-text-scale));
 --eai-space-1:4px; --eai-space-2:8px; --eai-space-3:12px; --eai-space-4:16px; --eai-space-5:24px; --eai-space-6:32px; --eai-space-7:48px; --eai-space-8:72px;
 /* shape: manga-panel corners, hard chalk shadows (offset, no blur) */
 --eai-radius-s:4px; --eai-radius-m:10px; --eai-radius-l:20px;
 --eai-shadow-1:0 0 0 1px rgba(244,239,227,.10),0 10px 30px -14px rgba(0,0,0,.7);
 --eai-shadow-2:6px 6px 0 0 #ff7a3d;
 /* motion: lines draw, dots pop; nothing slides for the sake of sliding */
 --eai-tap-min:48px; --eai-motion-fast:140ms; --eai-motion-slow:520ms; --eai-ease:cubic-bezier(.2,.8,.2,1);
}
@media (prefers-reduced-motion:reduce){:root{--eai-motion-fast:0ms;--eai-motion-slow:0ms}}