/* Worksheet Studio theme: the photonresources.com tokens, in one place.
   Loaded first on every Studio page (after the shared global reset). Component
   rules live in restyle.css; the school's own colours still arrive through
   --s-primary / --s-accent, which school-ui.js sets from the school brand. */
@font-face{font-family:"Inter";font-weight:400 700;font-style:normal;font-display:swap;src:url(fonts/inter.woff2) format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-weight:500 800;font-style:normal;font-display:swap;src:url(fonts/jakarta.woff2) format("woff2")}
:root{
  --bg:#fff;--card:#fff;--tint:#f5f5f5;--tint2:#fafafa;
  --text:#1b2a4a;--dim:#47536d;--mute:#5f697d;
  --line:#ebebeb;--line2:#dcdcdc;--line3:#c4c4c4;
  --lamp:#8a5a14;--gold:#a9742a;--gold-t:rgba(169,116,42,.12);--hov:rgba(27,42,74,.05);
  --on-navy:#fff;--btn1:#24365e;--btn2:#1b2a4a;--btn1h:#2b4070;--btn2h:#1f3160;
  --sh1:0 1px 2px rgba(27,42,74,.05),0 4px 12px rgba(27,42,74,.04);
  --sh2:0 2px 4px rgba(27,42,74,.05),0 12px 28px rgba(27,42,74,.08);
  --warn-bg:#fff6df;--warn-line:#e7cc87;--warn-ink:#694a12;
  --ok-bg:#eef3f1;--ok-line:#b9d0c7;--ok-ink:#245e4e;--ok:#2f7d4f;--bad:#8b2525;
  --scrim:rgba(13,31,60,.45);--panel-sh:0 16px 40px rgba(13,31,60,.28);
  --sca:var(--s-primary,#1b2a4a);--scs:color-mix(in srgb,var(--sca) 10%,transparent);
  --head:"Plus Jakarta Sans",Inter,system-ui,sans-serif;
  --body:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  --owl-ink:#1b2a4a;--owl-ink2:#102843;
  --danger:#a01e1e;--danger-soft:#fbeaea;--danger-line:#e8bebe;
  /* Legacy names used by the older Studio stylesheets, all pointing at the tokens above. */
  --cream:var(--bg);--paper-soft:var(--tint);--ink:var(--text);--faint:var(--mute);--muted:var(--mute);--line-2:var(--line2);
  --ok-soft:var(--ok-bg);--warn:var(--warn-ink);--warn-soft:var(--warn-bg);
  --editor-ink:var(--text);--editor-muted:var(--mute);--editor-line:var(--line);--editor-paper:var(--tint2);
  --r-card:16px;--r-ctl:12px;--r-btn:10px;
  --paper-ink:#0d1f3c;--paper-stage:#eae8e4;
  color-scheme:light}
/* Dark mode is screen-only: paper, PDFs and print always stay light. */
@media screen{
:root[data-theme="dark"]{
  --bg:#0f1420;--card:#161c2a;--tint:#1d2536;--tint2:#131a28;
  --text:#e8ecf3;--dim:#a7b0c0;--mute:#8d97a9;
  --line:#263043;--line2:#34405a;--line3:#44516c;
  --lamp:#e0b25c;--gold:#e0b25c;--gold-t:rgba(224,178,92,.14);--hov:rgba(255,255,255,.06);
  --on-navy:#0f1420;--btn1:#f3f5f9;--btn2:#dfe4ee;--btn1h:#fff;--btn2h:#eef1f7;
  --sh1:0 1px 2px rgba(0,0,0,.3),0 4px 12px rgba(0,0,0,.2);
  --sh2:0 2px 4px rgba(0,0,0,.3),0 12px 28px rgba(0,0,0,.35);
  --warn-bg:#2a2414;--warn-line:#5a4a22;--warn-ink:#e9cf94;
  --ok-bg:#15271f;--ok-line:#2c5646;--ok-ink:#8fd6b8;--ok:#4fbf80;--bad:#ff9f9f;
  --danger:#ff9f9f;--danger-soft:#2c1618;--danger-line:#6a3236;
  --scrim:rgba(0,0,0,.6);--panel-sh:0 16px 40px rgba(0,0,0,.55);
  /* Lighter school colour for text, rings and underlines on dark panels. */
  --sca:color-mix(in srgb,var(--s-primary,#8fa6d6) 40%,#fff);
  --owl-ink:#e8ecf3;--owl-ink2:#c3cad6;
  --paper-stage:#0b0f19;
  color-scheme:dark}
}