/* ================================================================================
   sa-tokens.css — THE ONE DESIGN SYSTEM, static side.
   These tokens are copied verbatim from teacher-worker.js THEME_CSS :root (the
   school's own sheet) so the marketing estate and the classroom pull from ONE
   palette, ONE type scale, ONE rhythm. Nothing here applies a style; it only names.
   Loaded FIRST on every static page (asserted by _scratch/_pubscan.mjs).
   Extra tokens the static estate needs beyond the worker's set are marked (static).
   ================================================================================ */
:root{
  /* — parchment & ink (the light rooms: reader, static, office) — */
  --sa-parch:#fbf9f4;--sa-parch-raise:#f4efe4;--sa-parch-line:rgba(26,22,19,.10);
  --sa-ink-strong:#1b1613;--sa-ink-soft:#5a5349;--sa-ink-faint:#6f675b;
  /* — dark surfaces (the hall, the classroom) — */
  --sa-bg:#08090d;--sa-bg-raise:#0b0d12;--sa-panel:rgba(255,255,255,.05);--sa-panel-2:rgba(255,255,255,.02);
  --sa-hair:rgba(255,255,255,.09);--sa-hair-2:rgba(255,255,255,.14);
  --sa-text:#ece9e2;--sa-text-dim:#a9a49b;--sa-text-mute:#8f8b83;--sa-text-faint:#8a857c;
  /* — gold, one source of truth — */
  --sa-gold:#d3ac54;--sa-gold-deep:#b8923d;--sa-gold-dark:#8a6d20;--sa-gold-soft:rgba(211,172,84,.16);--sa-on-gold:#15130f;
  /* — families, as inert tokens only (never applied here) — */
  --sa-serif:'Frank Ruhl Libre',Georgia,'Times New Roman',serif;
  --sa-sans:'Hanken Grotesk','Heebo',system-ui,-apple-system,sans-serif;
  --sa-hebrew:'Frank Ruhl Libre','Heebo',serif;
  /* — type scale — */
  --sa-fs-kick:.66rem;--sa-fs-sm:.8rem;--sa-fs-body:.95rem;--sa-fs-lead:1.16rem;
  --sa-fs-h3:1.4rem;--sa-fs-h2:clamp(1.6rem,3vw,2.4rem);--sa-fs-h1:clamp(2.6rem,7vw,5.2rem);
  --sa-lh-tight:1.12;--sa-lh-body:1.65;--sa-lh-nikud:1.9;--sa-track-kick:.34em;
  /* — spacing rhythm — */
  --sa-sp-1:6px;--sa-sp-2:10px;--sa-sp-3:16px;--sa-sp-4:24px;--sa-sp-5:36px;--sa-sp-6:56px;
  /* — radii — */
  --sa-r-sm:10px;--sa-r-md:14px;--sa-r-lg:20px;--sa-r-pill:999px;
  /* — shadow — */
  --sa-sh-1:0 2px 10px rgba(0,0,0,.18);
  --sa-sh-2:0 12px 30px rgba(0,0,0,.40);
  --sa-sh-3:0 18px 44px rgba(0,0,0,.50),0 0 26px rgba(211,172,84,.14);
  --sa-sh-gold:0 14px 40px rgba(211,172,84,.30);
  /* — motion — */
  --sa-ease:cubic-bezier(.4,0,.2,1);--sa-dur:.2s;--sa-dur-slow:.32s;
  /* — (static) the crisis red, on ink and on parchment — */
  --sa-red:#e0483b;--sa-red-dark:#b83227;
  /* — (static) the hero veil floor and the ink/gold duotone — */
  --sa-veil:linear-gradient(180deg,rgba(8,9,13,.62),rgba(8,9,13,.56) 45%,rgba(8,9,13,.84));
  --sa-duotone:linear-gradient(160deg,rgba(8,9,13,.62),rgba(58,44,16,.58));
  /* — (static) the fixed bar height every page clears — */
  --sa-nav-h:76px;
}