:root {
    --base-font-size: 17px;
    --base-line-height: 1.5;
    --color-primary: #273582;
    --primary-color: #273582;
    --color-secondary: #E3051A;
    --color-grey: #F7F7F7;
    --base-color: #000;
    --border-radius: 15px;

    --gap: 30px;
    --gap-half: calc(var(--gap) / 2);

    --slider-arrow-background: var(--color-primary);
    --slider-arrow-color: #FFF;
    --slider-dots-background: var(--color-primary);
    --slider-dots-background-active: var(--color-secondary);
    --slider-dots-border: none;
    --slider-dots-border-radius: 100%;
    --slider-dots-border-active: var(--color-primary);
}

@media screen and (min-width: 550px) {
    :root {
        --base-font-size: 17px;
    }
}

@media screen and (min-width: 768px) {
    :root {
        --base-font-size: 19px;
    }
}