/* Brand book 1.1: retain the theme's sizes and line heights. */
html:root {
    --theme-font-family: "Golos Text", Arial, sans-serif;
    --brand-heading-font-family: "Manrope", Arial, sans-serif;
}

body#main,
#main input,
#main textarea,
#main select,
#main button,
#main .btn,
#main .popup-window {
    font-family: var(--theme-font-family);
}

body#main {
    font-weight: 400;
}

#main h1,
#main h2,
#main h3,
#main h4,
#main h5,
#main h6,
#main .h1,
#main .h2,
#main .h3,
#main .h4,
#main .h5,
#main .h6,
#main .switcher-title,
#main .banners-big__title,
#main .form .form_head .title,
#main .popup-text-info__title {
    font-family: var(--brand-heading-font-family);
    font-weight: 700;
}

#main label,
#main figcaption,
#main .hero-lead__eyebrow,
#main .hero-lead__label,
#main .with-me-form__label,
#main .sale-banner__label,
#main .news-list__item-period,
#main .btn,
#main button,
#main b,
#main strong {
    font-weight: 600;
}

/* Bold emphasis inside headings keeps the actual Manrope Bold face. */
#main :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .switcher-title) :is(b, strong) {
    font-weight: inherit;
}