/* Клиника-санаторий Балашиха */

html
{

    --c-surface-accent: #7ea968;
    --c-text-accent: #7ea968;

    --c-surface-accent-hovered: #587649;
    --c-text-accent-hovered: #4d673f;

    --c-surface-primary: #f2f6f0;
    --c-surface-subdued: #cadcc1;

    --c-surfice-accent-opacity: #cadcc1;

    --c-surface-hero_banner: #4d673f;
    --c-surface-primary-hovered: #cadcc1;
    --c-surface-subdued-hovered: #cadcc1;


    --c-surface-default: #fff;
    --c-text-dark: #202e2c;
    --c-text-subdued: #555554;
    --c-text-disabled: #999;
    --c-text-white: #fff;


    --c-success: #008060;
    --c-error: #d72c0d;

    --border-color: rgba(0, 0, 0, .03);
    --border-corner: 4px;

}

/* Смена картинок в логотипе, если цветные */
.header__logo img {
    display: none;
}
.header__logo:before {
    aspect-ratio: 110 / 44;
    height: 44px;
    background-image: url('/upload/logo/logo_color.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    max-width: 40vw;
}
.header-transparent .header__logo:after{
    background-image: url('/upload/logo/logo_white.svg')
}
.header-transparent.scrolled .header__logo:before {
    background-image: url('/upload/logo/logo_color.svg')
}


/* Шрифты для сайта */
html
{
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    line-height: 1.25;

    color: var(--c-text-dark);

    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
}

.f-h1
{
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(28px, calc(28px + (40 - 28) * ((100vw - 768px) / (1920 - 768))), 40px);
}

.f-h2
{
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(28px, calc(28px + (32 - 28) * ((100vw - 768px) / (1920 - 768))), 32px);
}

.f-h3
{
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(18px, calc(18px + (28 - 18) * ((100vw - 768px) / (1920 - 768))), 28px);
}
h1,h2,h3,h4,h5,h6{
    font-family: 'Montserrat', sans-serif;
}


@media(min-width: 768px) {
    .block--head_title a h1:after,
    .block--head_title a h2:after {
        font-family: 'Inter', sans-serif;
    }
}