:root {
    --main-text-color: #777f86;
    --main-text-size: 18px;
    --main-text-line-height: 1.56;
    --title-size-lg: 48px;
    --title-size-md: 40px;
    --title-size-sm: 32px;
    --title-size-xsm: 24px;
    --btn-text-color: #fff;
    --btn-border-color: #e5641e;
    --btn-border-color-hover: #c85114;
    --btn-background-color-hover: #df5917;
    --head-text-color: #040404;
    --accent-color: #fa6a1d;
    --page-overlay-color: rgba(37, 42, 46, .3);
}

@media (max-width: 992px) {
    :root {
        --main-text-size: 16px;
        --main-text-line-height: 1.5;
        --title-size-lg: 42px;
        --title-size-md: 36px;
        --title-size-sm: 28px;
    }
}

@media (max-width: 520px) {
    :root {
        --title-size-lg: 40px;
        --title-size-md: 32px;
        --title-size-sm: 24px;
    }
}