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

    --container-width: 1200px;

    --header-font-family: 'Alexandria';
    --header-1-size: 120px;
    --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: #A2D198;
    --primary-light_green: #F5F5F5;
    --primary-yellow: #E9DCF2;
    --standarts-red: #f42f29;
    --primary-orange_lin: linear-gradient(90deg, #CCF4C7 0%, #A2E390 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) {
}