:root{
  /* Type scale — 1.25 major third off a 16px body */
  --size-2xs:10px;
  --size-xs:11px;
  --size-sm:13px;
  --size-md:15px;
  --size-base:16px;
  --size-lg:20px;
  --size-xl:26px;
  --size-2xl:33px;
  --size-3xl:42px;
  --size-4xl:56px;
  --size-5xl:76px;

  --leading-tight:1.05;
  --leading-snug:1.25;
  --leading-normal:1.5;
  --leading-loose:1.7;

  --weight-regular:400;
  --weight-medium:500;
  --weight-bold:700;
  --weight-black:900;

  /* Tracking: label systems are widely tracked, display is tight */
  --tracking-display:-0.02em;
  --tracking-normal:0;
  --tracking-label:0.14em;
  --tracking-mono:0.06em;
  --tracking-wordmark:0.08em;

  /* Semantic roles */
  --type-display:var(--weight-regular) var(--size-4xl)/var(--leading-tight) var(--font-display);
  --type-title:var(--weight-regular) var(--size-2xl)/var(--leading-snug) var(--font-display);
  --type-heading:var(--weight-regular) var(--size-xl)/var(--leading-snug) var(--font-display);
  --type-body:var(--weight-regular) var(--size-base)/var(--leading-normal) var(--font-mono);
  --type-body-sm:var(--weight-regular) var(--size-sm)/var(--leading-normal) var(--font-mono);
  --type-label:var(--weight-regular) var(--size-xs)/1.2 var(--font-mono);
  --type-data:var(--weight-bold) var(--size-md)/1.2 var(--font-mono);
  --type-wordmark:var(--weight-black) var(--size-xl)/1 var(--font-sans);
}