/* SPEC — colour and type only. Nine values.

   One typeface for everything readable and a monospace for the numbers, so a
   figure looks measured rather than marketed. That distinction is the whole
   design: this studio's evidence is numbers, and numbers set in the body face
   read as claims while numbers set in a mono read as readings.

   Near-black on off-white with one blue. Nothing else, because the buyer is a
   roofer and the research is blunt that an avant-garde site loses them. */
:root{
  --ink:#0E1116; --body:#3A424D; --muted:#5B6673;
  --line:#E2E5EA; --surface:#F3F5F8; --bg:#FBFCFD; --card:#FFFFFF;
  --accent:#1B4FD8; --accent-dark:#153CA6; --on-accent:#FFFFFF;

  --font-head:Inter,system-ui,-apple-system,sans-serif;
  --font-body:Inter,system-ui,-apple-system,sans-serif;
  --font-mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;

  --step-0:clamp(1.0625rem,1.02rem + .2vw,1.125rem);
  --step-6:clamp(2.4rem,1.5rem + 4vw,4.25rem);

  --head-weight:700; --head-lead:1.0; --head-track:-.04em; --lead:1.62;
  --radius:6px; --btn-radius:6px;
}