:root {
    --bg-html-color: #fff;
    --bvi-bg-html-color: #fff;

    --bg-html-second: #f8f8f8;
    --bvi-bg-html-second: #f8f8f8;

    --main-color: #373737;
    --bvi-main-color: #373737;

    --btn-color: #00BCD4;
    --bvi-btn-color: #000;

    --btn-hover: #1899c3;
    --bvi-btn-hover: #737373;

    --table-head: #00BCD4;
    --bvi-table-head: #000;

    --elem-color: #00BCD4;
    --bvi-elem-color: #000;

    --elem-hover-color: #1b74a2;
    --bvi-elem-hover-color: #737373;

    --second-color: #808080;
    --bvi-second-color: #000;

    --second-color-font: #37474f;
    --bvi-second-color-font: #000;

    --second-color-font-active: #2b354b;
    --bvi-second-color-font-active: #626262;

    --bg-color-light: #f2f2f2;
    --bvi-bg-color-light: #f2f2f2;

    --hover-bg: #f4f8ff;
    --bvi-hover-bg: #f4f8ff;

    --tin-line-color: rgba(0, 0, 0, 0.08);
    --bvi-tin-line-color: rgba(0, 0, 0, 0.08);

    --alert: #ff0000;
    --bvi-alert: #ff0000;

    --white: #fff;
    --bvi-white: #fff;

    --star-color: #ffcc00;
    --bvi-star-color: #808080;

    --mark-color: #d9edf7;
    --bvi-mark-color: #d9edf7;

    --max-btn-width: 320px;
    --menu-width: 260px;
    --border-radius: 35px;
    --border-radius-btn: 4px;
    --border-radius-rectangle: 5px;
    --delta-width-container: 30px;
    /* --delta-width-container: 60px; */
    /* --delta-width-container Добавка к ширине .container */
    --scrollbarHalfWidth: 0px; /*ширина бегунка прокрутки, для js*/
    --subtract-height-mob-menu: 0px; /*вычитается из мобильного меню, для js*/
    /* --scrollbarHalfWidth Половина ширины scrollbar, вычисляется через js */
}