/* Shared role scales, measured against the approved How It Works section. */
:root {
  --type-heading-font: "Outfit", Arial, sans-serif;
  --type-body-font: "DM Sans", Arial, sans-serif;
  --type-eyebrow-size: 12px;
  --type-eyebrow-weight: 500;
  --type-eyebrow-tracking: .16em;
  --type-eyebrow-line: 1.5;
  --type-eyebrow-gap: 24px;
  --type-section-size: clamp(36px, 3.15vw, 44px);
  --type-page-size: clamp(38px, 3.6vw, 52px);
  --type-lead-size: clamp(16px, 1.25vw, 18px);
  --type-description-size: 16px;
  --type-caption-size: 12px;
  --type-body-line: 1.6;
}
@media (max-width: 960px) {
  :root { --type-section-size: 38px; }
}
@media (max-width: 640px) {
  :root { --type-section-size: 34px; --type-eyebrow-gap: 18px; }
}