/* Font 5 — Elegant: soft, not bold/rude */

html[data-md-font="5"] {
  --tv-heading-weight: 600;
  --tv-display-weight: 500;
}

html[data-md-font="5"] .tv-hero__content h1,
html[data-md-font="5"] .tv-section__head h2,
html[data-md-font="5"] .tv-page-head h1,
html[data-md-font="5"] .tv-detail__info h1,
html[data-md-font="5"] .tv-page-banner h1,
html[data-md-font="5"] .tv-auth-box h1 {
  font-weight: 600 !important;
  letter-spacing: -0.015em;
}

html[data-md-font="5"] .tv-stat strong,
html[data-md-font="5"] .tv-card__price,
html[data-md-font="5"] .tv-logo__brand,
html[data-md-font="5"] .tv-btn,
html[data-md-font="5"] .tv-footer__brand {
  font-weight: 600 !important;
  letter-spacing: 0.04em;
}

html[data-md-font="5"] .tv-card__title,
html[data-md-font="5"] .tv-cat__name,
html[data-md-font="5"] .tv-widget h3,
html[data-md-font="5"] .tv-how__step strong {
  font-weight: 500 !important;
}

html[data-md-font="5"] .tv-hero__content p,
html[data-md-font="5"] body {
  font-weight: 400;
  letter-spacing: 0.01em;
}

/* Slightly soften other fonts on hero — less “shouting” */
html[data-md-font="1"] .tv-hero__content h1,
html[data-md-font="2"] .tv-hero__content h1 {
  font-weight: 700;
}