:root {
    --main-bg-color: #fffafa;
    --main-bg-color-2: #fff3f3;
    --text-black: #161616;
    --text-white: #fff7f7;
    --text-red: #ff7272;
    --text-grey: #7c7c7c;
    --text-grey-light: #2a2a2a;
    --button-red: #ff7272;
    --button-white: #fff7f7;
    --button-lite-grey: #d9d9d9;
    --button-black: #161616;
    --button-grey: #5f5f5f;
    --button-red-200: #ff6464;
    --button-red-300: #ff5454;
    --layout-max: 1760px;
    --layout-gutter: 80px;
    --section-gap: clamp(90px, 7vw, 150px);
    --section-inner-gap: clamp(42px, 4.8vw, 75px);
    --card-radius: 20px;
    --tour-card-height: clamp(500px, 35vw, 658px);
    --review-card-height: clamp(400px, 23.2vw, 445px);
    --highlight-card-height: clamp(480px, 36vw, 620px);
}

@media (max-width: 900px) {
    :root {
        --layout-gutter: 15px;
        --section-gap: 74px;
        --section-inner-gap: 50px;
        --tour-card-height: 560px;
        --review-card-height: 460px;
        --highlight-card-height: 560px;
    }
}

@media (max-width: 670px) {
    :root {
        --layout-gutter: 14px;
        --section-gap: 74px;
        --section-inner-gap: 30px;
        --tour-card-height: 554px;
        --review-card-height: 420px;
        --highlight-card-height: 520px;
    }
}