/* Design tokens. Every colour in the site comes from here.
   Colours are the blueprint's, with darker text versions where its values fail AA:
   #087F8C is 4.7:1 on white, so teal text and buttons use --teal-ink; #B46B08 is
   3.9:1, so warning text uses --warn-ink. The contrast test in e2e/ checks the pages. */
@font-face{font-family:"Inter";src:url(/fonts/inter.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Newsreader";src:url(/fonts/newsreader.woff2) format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url(/fonts/jetbrains-mono.woff2) format("woff2");font-weight:100 800;font-display:swap}
:root{
  --ink:#102033; --navy:#12263A; --ink-soft:#42526A; --ink-faint:#596779;
  --teal:#087F8C; --teal-ink:#066672; --teal-hover:#054F58; --aqua:#E8F6F6;
  --ivory:#FAFBF9; --paper:#F2F4EF; --white:#FFFFFF; --line:#D9DFDB; --field:#6F7D87;
  --on-ink:#E4ECEE; --on-ink-soft:#B7C6CC; --mint:#7FDCE0; --ink-line:#2C4258;
  --ok:#16734B; --ok-wash:#E4F3EC; --warn:#B46B08; --warn-ink:#7E4B05; --warn-wash:#FBF0DD;
  --crit:#B42318; --crit-wash:#FBE9E7; --neutral:#475569; --neutral-wash:#EBEEF2;
  --font-body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --font-display:"Newsreader",Georgia,"Times New Roman",serif;
  --font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:72px;
  --r-s:8px; --r-m:12px; --r-l:16px; --wrap:1180px; --measure:70ch;
  --shadow:0 1px 2px rgba(16,32,51,.06),0 12px 32px -18px rgba(16,32,51,.28);
}
