:root {
  --font-sans:      'Barlow', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-condensed: 'Barlow Condensed', 'Barlow', system-ui, sans-serif;
  --font-semicond:  'Barlow Semi Condensed', 'Barlow', system-ui, sans-serif;
  --font-mono:      'IBM Plex Mono', ui-monospace, 'SFMono-Regular', 'Menlo', monospace;

  --fw-light:    300;
  --fw-regular:  400;
  --fw-medium:   500;
  --fw-semibold: 600;
  --fw-bold:     700;

  --fs-display: 3.5rem;
  --fs-h1:      2.25rem;
  --fs-h2:      1.75rem;
  --fs-h3:      1.375rem;
  --fs-h4:      1.125rem;
  --fs-lead:    1.1875rem;
  --fs-body:    1rem;
  --fs-sm:      0.875rem;
  --fs-xs:      0.75rem;
  --fs-label:   0.6875rem;

  --lh-tight:   1.08;
  --lh-snug:    1.25;
  --lh-normal:  1.5;
  --lh-relaxed: 1.65;

  --ls-tight:   -0.02em;
  --ls-normal:  0;
  --ls-wide:    0.04em;
  --ls-label:   0.14em;

  --heading-family: var(--font-condensed);
  --heading-weight: var(--fw-semibold);
  --heading-transform: uppercase;
  --heading-tracking: var(--ls-label);

  --body-family: var(--font-sans);
  --body-weight: var(--fw-regular);
  --body-leading: var(--lh-relaxed);

  --label-family: var(--font-condensed);
  --label-weight: var(--fw-semibold);
}