:root{
  /* Scale — 1.25 major third, 16px base */
  --text-display-1:64px; --text-display-2:48px;
  --text-h1:38px; --text-h2:30px; --text-h3:24px; --text-h4:19px;
  --text-body-lg:18px; --text-body:16px; --text-body-sm:14px;
  --text-caption:13px; --text-micro:11px;

  --leading-tight:1.06; --leading-snug:1.22; --leading-normal:1.55; --leading-loose:1.7;

  --weight-regular:400; --weight-medium:500; --weight-semibold:600; --weight-bold:700;

  /* Display type is set wide, like the wordmark. Body type is never tracked out. */
  --tracking-display:0.02em; --tracking-eyebrow:0.16em; --tracking-normal:0;
  --tracking-tight:-0.01em;

  /* Semantic roles */
  --type-display:var(--weight-bold) var(--text-display-1)/var(--leading-tight) var(--font-display);
  --type-h1:var(--weight-semibold) var(--text-h1)/var(--leading-snug) var(--font-display);
  --type-h2:var(--weight-semibold) var(--text-h2)/var(--leading-snug) var(--font-display);
  --type-h3:var(--weight-semibold) var(--text-h3)/var(--leading-snug) var(--font-display);
  --type-h4:var(--weight-semibold) var(--text-h4)/var(--leading-snug) var(--font-body);
  --type-body:var(--weight-regular) var(--text-body)/var(--leading-normal) var(--font-body);
  --type-body-sm:var(--weight-regular) var(--text-body-sm)/var(--leading-normal) var(--font-body);
  --type-label:var(--weight-semibold) var(--text-caption)/1.3 var(--font-body);
  --type-mono:var(--weight-regular) var(--text-body-sm)/1.5 var(--font-mono);
}