/*** БАЗОВЫЕ СВОЙТСВА ***/
:root {
    color-scheme: light;
}

/*** ОСНОВНОЙ ПОТОК ***/
:root {
    --btd-main-flow: 1400px;
    --btd-main-flow-indent-min: 30px;
    --btd-main-flow-indent: max( calc( 50vw - var(--btd-main-flow)/2 ), var(--btd-main-flow-indent-min) );
}

@media ( max-width: 1536px ) {
    :root {
        --btd-main-flow: 1240px;
    }
}

@media ( max-width: 1336px ) {
    :root {
        --btd-main-flow: 1140px;
    }
}

@media ( max-width: 1240px ) {
    :root {
        --btd-main-flow: 960px;
        --btd-main-flow-indent-min: 20px;
    }
}

@media ( max-width: 991px ) {
    :root {
        --btd-main-flow: 96vw;
        --btd-main-flow-indent-min: 10px;
    }
}

/*** ПОЛОСА ПРОКРУТКИ ***/
:root {
    --btd-scrollbar-track-color: #e4e4e4;
    --btd-scrollbar-thumb-color: #1b1b24;
    --btd-scrollbar-height: 8px;
    --btd-scrollbar-width: 8px;
    --btd-scrollbar-height-small: 3px;
    --btd-scrollbar-width-small: 3px;
    --btd-scrollbar-textarea-height: 3px;
    --btd-scrollbar-textarea-width: 3px;
}

/*** ШРИФТ ***/
:root {
    --btd-font-size-min: 12;
    --btd-font-size-min-unit: 12px;
    --btd-font-size-max: 16;
    --btd-font-size-max-unit: 16px;
    --btd-font-size-width-min: 390;
    --btd-font-size-width-min-unit: 390px;
    --btd-font-size-width-max: 1920;
    --btd-font-size-width-max-unit: 1920px;
}