:root{
  /* Sizes */
  --text-display-xl:72px; --text-display-lg:56px; --text-display-md:44px;
  --text-h1:34px; --text-h2:27px; --text-h3:22px; --text-h4:18px;
  --text-body-lg:18px; --text-body-md:16px; --text-body-sm:14px;
  --text-caption:13px; --text-micro:11px;

  /* Line heights */
  --leading-display:1.04; --leading-tight:1.15; --leading-snug:1.3;
  --leading-normal:1.5; --leading-relaxed:1.6;

  /* Tracking — display type is optically tightened */
  --tracking-display:-0.028em; --tracking-heading:-0.018em;
  --tracking-body:-0.005em; --tracking-flat:0em; --tracking-micro:0.08em;

  /* Weights */
  --weight-light:300; --weight-regular:400; --weight-medium:500;
  --weight-semibold:600; --weight-bold:700; --weight-extrabold:800;

  /* Composed roles */
  --type-display:var(--weight-bold) var(--text-display-lg)/var(--leading-display) var(--font-display);
  --type-h1:var(--weight-bold) var(--text-h1)/var(--leading-tight) var(--font-display);
  --type-h2:var(--weight-bold) var(--text-h2)/var(--leading-tight) 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-ui);
  --type-lead:var(--weight-semibold) var(--text-body-lg)/var(--leading-normal) var(--font-body);
  --type-body:var(--weight-regular) var(--text-body-md)/var(--leading-relaxed) var(--font-body);
  --type-body-sm:var(--weight-regular) var(--text-body-sm)/var(--leading-normal) var(--font-body);
  --type-label:var(--weight-medium) var(--text-body-sm)/1.2 var(--font-ui);
  --type-button:var(--weight-semibold) var(--text-body-sm)/1 var(--font-ui);
  --type-eyebrow:var(--weight-semibold) var(--text-micro)/1.2 var(--font-ui);
  --type-mono:var(--weight-regular) var(--text-body-sm)/1.5 var(--font-mono);
}