/* Type families + scale. Serif communicates the idea; sans explains the system. */
:root {
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display-settings: "SOFT" 0, "WONK" 0;
  --size-display-xl: 112px; --lh-display-xl: .95; /* @kind other */ --ls-display-xl: -0.02em;
  --size-hero: 72px; --lh-hero: .98; /* @kind other */ --ls-hero: -0.015em;
  --size-h1: 58px; --lh-h1: 1.02; /* @kind other */ --ls-h1: -0.01em;
  --size-h2: 46px; --lh-h2: 1.08; /* @kind other */
  --size-h3: 36px; --lh-h3: 1.15; /* @kind other */
  --size-h4: 29px;
  --size-body-lg: 23px;
  --size-body: 18px; --lh-body: 1.55; /* @kind other */
  --size-small: 14px;
  --size-label: 12px; --ls-label: 0.14em;
  --weight-display: 400;
  --weight-display-medium: 500;
  --weight-label: 600;
}
@media (max-width: 720px) {
  :root { --size-display-xl: 48px; --size-hero: 48px; --size-h1: 40px; --size-h2: 34px; --size-h3: 28px; --size-body: 17px; }
}