/* arq-tokens: the design tokens of arquestra.dev, in one place. Colours, fonts, the card shadow and the type and spacing
   sizes. Change a value here and every page that loads this file changes with it.
   - Light values on :root; dark ones when the system asks for dark (unless the page pins data-theme="light"), or when the
     page sets data-theme="dark".
   - Sizes tighten on shorter screens instead of letting a one-screen page scroll (see arq-fit.css for the frame).
   Pages add only the tokens that are theirs (the radar's chart slots, for example). Asset pages load arq-base.css after it. */
:root{--paper:#F2F3F0;--card:#FFFFFF;--ink:#0F1214;--muted:#5B6166;--line:#0F1214;--soft:#D9DBD6;--blue:#1B36C4;--blue-soft:#E2E6FA;--coral:#E8775A;
  --red:#C2412D;--amber:#C98A0B;--green:#2F7D4F;--off:#D9DBD6;
  --shadow:0 6px 0 -2px rgba(15,18,20,.18);--sans:'Hanken Grotesk','Helvetica Neue',Helvetica,Arial,sans-serif;--mono:'IBM Plex Mono',ui-monospace,Consolas,monospace;
  --fs-label:11px;--fs-small:12px;--fs-body:14px;--fs-read:15.5px;--fs-step:15px;
  --fs-h1:clamp(1.6rem,3vw,2.5rem);--fs-num:clamp(24px,2.8vw,36px);--fs-mid:clamp(22px,2.6vw,32px);
  --gap:12px;--pad:16px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--paper:#0F1214;--card:#171B1E;--ink:#F2F3F0;--muted:#A3A9AD;--line:#F2F3F0;--soft:#2C3236;--blue:#9DAAF2;--blue-soft:#1F2647;--off:#2C3236;--shadow:0 6px 0 -2px rgba(0,0,0,.6);color-scheme:dark}}
:root[data-theme="dark"]{--paper:#0F1214;--card:#171B1E;--ink:#F2F3F0;--muted:#A3A9AD;--line:#F2F3F0;--soft:#2C3236;--blue:#9DAAF2;--blue-soft:#1F2647;--off:#2C3236;--shadow:0 6px 0 -2px rgba(0,0,0,.6);color-scheme:dark}
@media (max-height:860px){:root{--fs-body:13px;--fs-read:14.5px;--fs-step:14px;--fs-h1:clamp(1.4rem,2.4vw,2.05rem);--fs-num:clamp(22px,2.4vw,30px);--fs-mid:clamp(20px,2.2vw,28px);--gap:10px;--pad:13px}}
@media (max-height:740px){:root{--fs-label:10px;--fs-small:11px;--fs-body:12.5px;--fs-read:13.5px;--fs-step:13px;--fs-h1:clamp(1.25rem,2vw,1.7rem);--fs-num:clamp(20px,2vw,26px);--fs-mid:clamp(18px,2vw,24px);--gap:8px;--pad:10px}}