:root{
  --ink:#141a2b;
  --paper:#fdfdfc;
  --bg:#f0f1ee;
  --accent:#22386b;
  --accent-ink:#fdfdfc;
  --soft:#dfe3ec;
  --rule:#d5d9e0;
  --mute:#59627a;
  --amber:#7d5a1e;
  --amber-soft:#f0e6d2;
  --on-dark:rgba(255,255,255,.87);
  --on-dark-mute:rgba(255,255,255,.62);
  --rule-dark:rgba(255,255,255,.16);
  --radius:5px;
  --radius-lg:7px;
  --rule-w:1px;
  --shadow:0 1px 2px rgba(19,22,41,.07);
  --measure:36em;
  --step-display:clamp(1.75rem, 1.2rem + 2.2vw, 2.45rem);
  --step-h1:clamp(1.7rem, 1.25rem + 1.8vw, 2.25rem);
  --step-h2:1.4rem;
  --step-body:1.0625rem;
  --lh-display:1.2;
  --track-label:0.1em;
  --header:bar;
  --font-display:'Piazzolla', Georgia, serif;
  --font-body:'Onest', system-ui, sans-serif;
}