/* Type roles. Sizes mirror the Figma Typography variable collection. */
:root{
  --font-display: "Jost", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-ui: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-spec: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;

  --type-h1-size: 54px;  --type-h1-line: 62px;  --type-h1-weight: 700;
  --type-h2-size: 42px;  --type-h2-line: 50px;  --type-h2-weight: 700;
  --type-h3-size: 40px;  --type-h3-line: 48px;  --type-h3-weight: 700;
  --type-h4-size: 26px;  --type-h4-line: 34px;  --type-h4-weight: 700;
  --type-body-size: 16px; --type-body-line: 24px;
  --type-body-lg-size: 18px; --type-body-lg-line: 1.6;
  --type-body-sm-size: 15px; --type-body-sm-line: 1.45;
  --type-caption-size: 13.5px;
  --type-button-size: 17px;
  --type-eyebrow-size: 15px;
  --type-eyebrow-tracking: 0.08em;
  --type-kicker-size: 11px;
  --type-kicker-tracking: 0.1em;
  --type-stat-size: 44px;
  --weight-regular: 400; --weight-medium: 500; --weight-bold: 700;
}