/* LEDGER — colour and type only.

   Nine values. Confirmed from the live CSS of 22 top firm sites: 7 of 8 set
   body copy in a grotesque, not a serif — "law firm = serif" is a decade stale
   and survives as a logotype at most. So Archivo does the headings and Inter
   the reading, and colour is almost absent because restraint IS the signal in
   this market.

   h1 72px over body 18px = 4.0, which is the ratio the premium tier clusters
   at and the thing that actually reads expensive. */
:root{
  --ink:#14161A; --body:#3B424C; --muted:#5E6673;
  --line:#E3E5E9; --surface:#F5F6F8; --bg:#FFFFFF; --card:#FFFFFF;
  --accent:#7A3E2B; --accent-dark:#5F3021; --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.4rem,1.55rem + 3.8vw,4rem);

  --head-weight:600; --head-lead:1.04; --head-track:-.03em; --lead:1.62;
  --radius:0px; --btn-radius:0px;
}