:root{
  /* display — Newsreader, optical sizes, tight tracking */
  --size-display-xl:5.5rem;   /* 88px */
  --size-display-l:4rem;      /* 64px */
  --size-display-m:3rem;      /* 48px */
  --size-display-s:2.25rem;   /* 36px */
  --size-heading-l:2rem;      /* 32px */
  --size-heading-m:1.5rem;    /* 24px */
  --size-heading-s:1.25rem;   /* 20px */
  --size-body-l:1.125rem;     /* 18px */
  --size-body:1rem;           /* 16px */
  --size-body-s:0.875rem;     /* 14px */
  --size-caption:0.75rem;     /* 12px */
  --size-eyebrow:0.6875rem;   /* 11px */

  --leading-display:1.04;
  --leading-heading:1.18;
  --leading-body:1.62;
  --leading-tight:1.3;

  --tracking-display:-0.022em;
  --tracking-heading:-0.012em;
  --tracking-body:0em;
  --tracking-eyebrow:0.18em;
  --tracking-caps:0.09em;

  --weight-display:300;
  --weight-display-emph:400;
  --weight-body:400;
  --weight-medium:500;
  --weight-semi:600;

  --measure-prose:62ch;
  --measure-narrow:44ch;
  --measure-lede:34ch;

  /* semantic type roles */
  --type-hero:var(--weight-display) var(--size-display-xl)/var(--leading-display) var(--font-display);
  --type-section:var(--weight-display) var(--size-display-m)/var(--leading-display) var(--font-display);
  --type-subhead:var(--weight-display) var(--size-heading-m)/var(--leading-heading) var(--font-display);
  --type-body:var(--weight-body) var(--size-body)/var(--leading-body) var(--font-sans);
  --type-lede:var(--weight-body) var(--size-body-l)/var(--leading-body) var(--font-sans);
  --type-eyebrow:var(--weight-medium) var(--size-eyebrow)/1.2 var(--font-sans);
}