:root {
  /* Display — var(--font-display), weight 500, negative tracking */
  --type-display-xl-size: 72px; --type-display-xl-line: 1.0;  --type-display-xl-track: -2.5px;
  --type-display-lg-size: 56px; --type-display-lg-line: 1.05; --type-display-lg-track: -2px;
  --type-display-md-size: 40px; --type-display-md-line: 1.1;  --type-display-md-track: -1px;
  --type-display-sm-size: 32px; --type-display-sm-line: 1.15; --type-display-sm-track: -0.5px;
  --type-display-weight: 500;

  /* Titles — var(--font-body), weight 600 */
  --type-title-lg-size: 24px; --type-title-lg-line: 1.3; --type-title-lg-track: -0.3px;
  --type-title-md-size: 18px; --type-title-md-line: 1.4; --type-title-md-track: 0px;
  --type-title-sm-size: 16px; --type-title-sm-line: 1.4; --type-title-sm-track: 0px;
  --type-title-weight: 600;

  /* Body & UI */
  --type-body-md-size: 16px; --type-body-md-line: 1.55;
  --type-body-sm-size: 14px; --type-body-sm-line: 1.55;
  --type-caption-size: 13px; --type-caption-line: 1.4; --type-caption-weight: 500;
  --type-caption-upper-size: 12px; --type-caption-upper-track: 1.5px; --type-caption-upper-weight: 600;
  --type-button-size: 14px; --type-button-weight: 600;
  --type-nav-link-size: 14px; --type-nav-link-weight: 500;
}