:root {
  --font-sans: 'Hanken Grotesk', 'Helvetica Neue', Arial, sans-serif;
  --font-serif: 'Newsreader', 'Times New Roman', Georgia, serif;

  --fs-display-xl: 58px;
  --lh-display-xl: 1.04;
  --ls-display-xl: -0.02em;
  --fs-display-lg: 56px;
  --lh-display-lg: 1.04;
  --ls-display-lg: -0.02em;
  --fs-display-md: 40px;
  --lh-display-md: 1.08;
  --ls-display-md: -0.015em;
  --fs-title: 28px;
  --lh-title: 1.15;
  --ls-title: -0.01em;
  --fs-subtitle: 20px;
  --lh-subtitle: 1.3;
  --fs-body-lg: 18px;
  --lh-body-lg: 1.55;
  --fs-body: 16px;
  --lh-body: 1.6;
  --fs-small: 14px;
  --lh-small: 1.5;
  --fs-caption: 12px;
  --lh-caption: 1.4;
  --ls-caption: 0.06em;

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

  --fs-wordmark: 22px;
  --ls-wordmark: 0.01em;
}