/* Oatra brand typography — headings use --font-heading, body uses --font-body (set in layout.jinja) */

body,
html,
button,
input,
select,
textarea {
  font-family: var(--font-body);
}

h1,
h2,
h3,
h4,
h5,
h6,
.section-title,
.hero-section__title,
.brand-story-section__title,
.product-title,
.oatra-product-card__title,
.blog-title,
.description-title,
.product-slider-title,
.oatra-products-section__title,
.ingredients-section__title,
.our-story-section__title,
.our-story-section__subtitle,
.nature-essentials-section__title,
.why-oatra-section__title,
.the-collection-section__title,
.most-wanted-section__title,
.gifts-section__title,
.category-banner-section__title,
.features-section-title,
.shipping-section-title,
.font-weight-bold.text-uppercase.blog-title {
  font-family: var(--font-heading);
}