/** Нужен только для основных переменных **/
:root {
    --body-background-color: #FBFEFF;

    --container-width: 1200px;

    --header-font-family: "Alexandria";
    --header-1-size: 139px;
    --header-2-size: 48px;
    --header-3-size: 32px;
    --header-4-size: 28px;

    --text-font-family: "Inter";
    --text-1-size: 22px;
    --text-2-size: 18px;

    --section-padding-block: 100px;
    --section-gap: 48px;
    --section-inner-container-gap: 24px;
    --section-item-gap: 16px;
    --border-radius: 16px;

    --section-card-padding: 24px;

    --size-small: 282px;
    --size-medium: 384px;
    --size-big: 486px;
    --size-large: 588px;
    --size-large-x: 690px;
    --size-full: 100%;

    --texts-black: #28261B;
    --texts-light: #787878;
    --standarts-white: #FFF;
    --primary-green: #5BA9CD;
    --primary-light_green: #EBF5F9;
    --primary-yellow: #FFF7D3;
    --standarts-red: #F42F29;
    --primary-orange_lin: radial-gradient(100% 100% at 50% 0%, rgba(255, 251, 232, 0.30) 0%, rgba(255, 255, 255, 0.00) 100%), linear-gradient(90deg, #FFC14F 0%, #FF9400 100%);
    --primary-green_radial: radial-gradient(52.64% 91.89% at 50% 93.83%, #EBF5F9 0%, #FBFEFF 100%);

    /** Динамические стили работающие с javascript **/
    --header-height: 0px;
}

@media (max-width: 1440px) {

}

@media (max-width: 1280px) {

}

@media (max-width: 1024px) {
    :root {
        --size-medium: 588px;
        --size-small: 588px;
        --size-big: 588px;
        --size-large-x: 588px;
        --size-full: 588px;

        --header-1-size: 73px;
        --header-2-size: 32px;
        --header-3-size: 24px;
        --header-4-size: 22px;

        --section-padding-block: 32px;
        --section-gap: 16px;
        --section-inner-container-gap: 16px;
        --section-card-padding: 16px;
    }
}

@media (max-width: 768px) {

}

@media (max-width: 360px) {

}