/* PLATE — colour and type only. Ten values.

   A slate ground rather than white, because a roofing site sits next to
   photographs of grey roofs against bright sky and a white page makes them
   look washed out. The accent is a signal orange — high-visibility, which is
   the trade's own vocabulary, and it survives against both the slate and the
   photographs. */
:root{
  --ink:#161A1D; --body:#3E464D; --muted:#5F686F;
  --line:#DFE2E5; --surface:#EEF0F2; --bg:#FAFAFA; --card:#FFFFFF;
  --accent:#B4441A; --accent-dark:#8E3413; --on-accent:#FFFFFF;

  --font-head:Archivo,'Helvetica Neue',Helvetica,Arial,sans-serif;
  --font-body:Inter,system-ui,-apple-system,sans-serif;

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

  --head-weight:700; --head-lead:1.02; --head-track:-.032em; --lead:1.6;
  --radius:2px; --btn-radius:2px;
}