/* Общий */

html
{
	--c-surface-accent: #07843F;
    --c-text-accent: #07843F;

    --c-surface-accent-hovered: #005B37;
    --c-text-accent-hovered: #005B37;

    --c-surface-primary: #ebeee3;
    --c-surface-subdued: #F0F0F0;

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

    --c-surface-hero_banner: #A5BD91;
    --c-surface-primary-hovered: #E7E7E7;
    --c-surface-subdued-hovered: #E7E7E7;

    --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: 134 / 44;
    height: 48px;
   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: 'Gilroy';
    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: 'Gilroy', sans-serif;
    font-size: clamp(28px, calc(28px + (40 - 28) * ((100vw - 768px) / (1920 - 768))), 40px);
}

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

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


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