:root {
  --fs-display-1: 88px;
  --fs-display-2: 64px;
  --fs-display-3: 48px;
  --fs-h1: 36px;
  --fs-h2: 28px;
  --fs-h3: 22px;
  --fs-body-lg: 18px;
  --fs-body: 16px;
  --fs-body-sm: 14px;
  --fs-caption: 12px;
  --fs-overline: 11px;
  --fs-legal: 10px;
  --lh-tight: 1.02; 
  --lh-snug: 1.16; 
  --lh-normal: 1.45; 
  --lh-relaxed: 1.7; 
  --tracking-display: -0.012em;
  --tracking-normal: 0;
  --tracking-wide: 0.06em;
  --tracking-label: 0.18em;
  --tracking-overline: 0.3em;
  --tracking-caption: 0.34em; 
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --type-display: var(--weight-regular) var(--fs-display-1) / var(--lh-tight) var(--font-display);
  --type-title: var(--weight-regular) var(--fs-display-3) / var(--lh-snug) var(--font-display);
  --type-heading: var(--weight-regular) var(--fs-h2) / var(--lh-snug) var(--font-display);
  --type-body: var(--weight-light) var(--fs-body) / var(--lh-relaxed) var(--font-sans);
  --type-label: var(--weight-medium) var(--fs-caption) / 1.2 var(--font-condensed);
  --type-overline: var(--weight-regular) var(--fs-overline) / 1.2 var(--font-condensed);
  --type-caption: var(--weight-light) var(--fs-caption) / 1.2 var(--font-condensed);
}