/* User-approved fixed font sizes, 2026-09-17. All style families.
   Choose a role; never shrink-to-fit. This token sheet contains no layout or font-family rules. */
:root {
  --font-size-hero-title: 48px;
  --font-size-hero-description: 24px;
  --font-size-section-title: 48px;
  --font-size-quiz-section-title: 48px;
  --font-size-catalog-title: 36px;
  --font-size-story-title: 30px;
  --font-size-quiz-question: 29px;
  --font-size-quiz-result-title: 29px;
  --font-size-materials-title: 30px;
  --font-size-payment-title: 44px;
  --font-size-contact-form-title: 28px;
  --font-size-care-point-title: 24px;
  --font-size-card-title: 22px;
  --font-size-team-role-title: 21px;
  --font-size-hero-fact-title: 36px;
  --font-size-faq-question: 24px;
  --font-size-body: 16px;
  --font-size-hero-fact-description: 22px;
  --font-size-section-intro: 24px;
  --font-size-scene-intro: 20px;
  --font-size-metric-caption: 16px;
  --font-size-person-quote: 25px;
  --font-size-person-name: 20px;
  --font-size-person-role: 14px;
  --font-size-catalog-cta: 17px;
  --font-size-story-cta: 17px;
  --font-size-hero-cta: 18px;
  --font-size-cta: 16px;
  --font-size-quiz-cta: 16px;
  --font-size-field: 16px;
  --font-size-quiz-section-intro: 24px;
  --font-size-care-intro: 20px;
  --font-size-support: 14px;
  --font-size-form-label: 14px;
  --font-size-quiz-option: 18px;
  --font-size-quiz-option-note: 14px;
  --font-size-consent: 12px;
  --font-size-catalog-consent: 13px;
  --font-size-eyebrow: 12px;
  --font-size-footer: 12px;
}
@media (width < 1200px) {
  :root {
    --font-size-hero-title: 45px;
    --font-size-hero-fact-title: 30px;
    --font-size-hero-fact-description: 19px;
    --font-size-story-title: 27px;
    --font-size-quiz-question: 27px;
    --font-size-quiz-result-title: 25px;
    --font-size-materials-title: 27px;
    --font-size-person-quote: 23px;
    --font-size-catalog-cta: 16px;
    --font-size-care-intro: 18px;
  }
}
@media (width < 960px) {
  :root {
    --font-size-hero-title: 42px;
    --font-size-hero-description: 21px;
    --font-size-section-title: 38px;
    --font-size-quiz-section-title: 38px;
    --font-size-story-title: 28px;
    --font-size-quiz-question: 29px;
    --font-size-quiz-result-title: 30px;
    --font-size-materials-title: 25px;
    --font-size-payment-title: 36px;
    --font-size-card-title: 21px;
    --font-size-hero-fact-title: 24px;
    --font-size-hero-fact-description: 17px;
    --font-size-section-intro: 18px;
    --font-size-scene-intro: 18px;
    --font-size-person-quote: 22px;
    --font-size-person-name: 16px;
    --font-size-catalog-cta: 17px;
    --font-size-quiz-section-intro: 18px;
    --font-size-care-intro: 21px;
  }
}
@media (width < 640px) {
  :root {
    --font-size-hero-title: 33px;
    --font-size-hero-description: 17px;
    --font-size-section-title: 32px;
    --font-size-quiz-section-title: 30px;
    --font-size-catalog-title: 30px;
    --font-size-story-title: 27px;
    --font-size-quiz-question: 24px;
    --font-size-quiz-result-title: 25px;
    --font-size-materials-title: 26px;
    --font-size-payment-title: 32px;
    --font-size-contact-form-title: 26px;
    --font-size-care-point-title: 20px;
    --font-size-card-title: 20px;
    --font-size-team-role-title: 20px;
    --font-size-hero-fact-title: 22px;
    --font-size-faq-question: 20px;
    --font-size-hero-fact-description: 16px;
    --font-size-metric-caption: 14px;
    --font-size-person-quote: 19px;
    --font-size-person-name: 17px;
    --font-size-person-role: 12px;
    --font-size-catalog-cta: 16px;
    --font-size-story-cta: 16px;
    --font-size-hero-cta: 16px;
    --font-size-quiz-section-intro: 12px;
    --font-size-care-intro: 20px;
    --font-size-quiz-option: 17px;
    --font-size-catalog-consent: 12px;
    --font-size-eyebrow: 11px;
  }
}
@media (width < 360px) {
  :root {
    --font-size-hero-title: 29px;
    --font-size-hero-description: 16px;
    --font-size-catalog-title: 28px;
    --font-size-quiz-question: 22px;
    --font-size-quiz-result-title: 23px;
    --font-size-person-quote: 18px;
  }
}