:root{
  /* Families */
  --font-display:"Atelia","Arial Rounded MT Bold",system-ui,sans-serif;
  --font-condensed:"Folkies Vantage Sans","Oswald",Impact,sans-serif;
  --font-mono:"CS Daine Mono Drawn",ui-monospace,"SFMono-Regular",monospace;
  --font-body:"Atelia",system-ui,sans-serif;

  /* Scale — 1.25 major third, 16px base */
  --text-2xs:11px;
  --text-xs:13px;
  --text-sm:15px;
  --text-md:17px;
  --text-lg:21px;
  --text-xl:27px;
  --text-2xl:34px;
  --text-3xl:44px;
  --text-4xl:58px;
  --text-5xl:76px;
  --text-6xl:104px;

  /* Line heights */
  --leading-tight:0.92;
  --leading-snug:1.1;
  --leading-body:1.5;
  --leading-loose:1.7;

  /* Tracking — Folkies and Atelia are both drawn tight; open up only for small caps labels */
  --tracking-tight:-0.01em;
  --tracking-normal:0;
  --tracking-label:0.14em;
  --tracking-mono:0.04em;

  /* Semantic roles */
  --type-display:var(--font-condensed);
  --type-heading:var(--font-display);
  --type-body:var(--font-display);
  --type-label:var(--font-condensed);
  --type-detail:var(--font-mono);
}