:root {
  --font-sans:
    "Myriad Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  --font-ui-small: "Inter", -apple-system, sans-serif;
  --fw-regular: 400; /* @kind font */
  --fw-semibold: 600; /* @kind font */
  --fw-bold: 700; /* @kind font */

  /* Scale (px) — copied from the Figma file */
  --fs-stat: 64px;
  --fs-display: 48px;
  --fs-h2: 40px;
  --fs-h3: 24px;
  --fs-lead: 20px;
  --fs-load: 18px;
  --fs-body: 16px;
  --fs-badge: 14.205px;
  --fs-map: 12px;
  --fs-marker: 9.993px;
  --lh-tight: 1; /* @kind font */
  --lh-stat: 1.2; /* @kind font */
  --lh-legend: 1.35; /* @kind font */
  --lh-body: 1.55; /* @kind font */

  --ls-tight: -0.02em; /* @kind font */
  --ls-chip: 0.04em; /* @kind font */

  /* Composite roles */
  --type-display: 600 48px/1 var(--font-sans);
  --type-h2: 600 40px/1 var(--font-sans);
  --type-h3: 600 24px/1 var(--font-sans);
  --type-lead: 600 20px/1.55 var(--font-sans);
  --type-feature: 600 20px/1 var(--font-sans);
  --type-body: 400 16px/1.55 var(--font-sans);
  --type-body-strong: 600 16px/1.55 var(--font-sans);
  --type-nav: 600 16px/1 var(--font-sans);
  --type-phone: 700 16px/1 var(--font-sans);
  --type-caption: 400 16px/1 var(--font-sans);
}