:root{
  --type-rating-display: 700 56px/1.05 var(--font-display);
  --type-display-xl: 700 32px/1.2 var(--font-display);
  --type-display-lg: 600 24px/1.25 var(--font-display);
  --type-display-md: 700 22px/1.3 var(--font-ui);
  --type-display-sm: 600 20px/1.3 var(--font-ui);
  --type-title-md: 600 16px/1.3 var(--font-ui);
  --type-title-sm: 500 16px/1.3 var(--font-ui);
  --type-body-md: 400 16px/1.55 var(--font-ui);
  --type-body-sm: 400 14px/1.5 var(--font-ui);
  --type-caption: 500 13px/1.3 var(--font-ui);
  --type-caption-sm: 400 12px/1.3 var(--font-ui);
  --type-badge: 600 11px/1.2 var(--font-ui);
  --type-uppercase-tag: 700 10px/1.2 var(--font-ui);
  --type-button-md: 600 16px/1.2 var(--font-ui);
  --type-button-sm: 600 14px/1.2 var(--font-ui);
  --type-link: 400 14px/1.4 var(--font-ui);
  --type-nav-link: 600 15px/1.2 var(--font-ui);
  --letter-uppercase: 0.06em;
}