:root {
    --color-background: #000;
    --color-text-gray: #606060;
    --color-background-menu: #2B2D2F;
    --color-text-red: #e94c69;
    /* Global/09. White */
    --color-text-white: #FFF;
    /* Global/07. Light */
    --color-text-category: #F8F9FA;
    /* Global/08. Dark */
    --color-link-underline: #343A40;
    --color-border-card: #2B2D2F;
    --border-radius-btn: 4px;
    --border-radius-card: 4px;
    /* Global/03. Success */
    --color-in-basket: #28A745;
    --color-background-menu2: #181A1B;
    --color-copyright: rgba(255, 255, 255, 0.5);
    --color-border-modal: #CED4DA;
    /* Global/01. Primary */
    --color-primary: #28A745;
    /* Components/Bradcrumb fill */
    --color-border-crumbs: #E9ECEF;
    /* Global/02. Secondary */
    --color-secondary: #6C757D;
    /* Text/03. Black 50 */
    --color-03: rgba(0, 0, 0, 0.5);
    /* Text/01. Body */
    --color-01: #212529;
    --color-dostavka-comment: #BBC6D0;
    /* Global/04. Danger */
    --color-danger: #e94c69;
    --color-point: #ADB5BD;
    /* Global/06. Info */
    --color-info: #17A2B8;
    --color-re-base: #000;
    /* скрол кастом */
    --color-scroll-1: rgb(193, 192, 192);
    --color-scroll-2: rgb(123, 122, 122);
    /* Свг цвета */
    --color-svg-header-1: #e94c69;
    --opacity-svg-header-1: 0.5;
    --color-svg-header-2: #e94c69;
    --opacity-svg-header-2: 1;
    --color-svg-head-user: #fff;
    --color-svg-head-basket: white;
    --color-svg-modal-search: #868E96;
    --color-svg-modal-ok: #28A745;
    --color-svg-check: #CED4DA;
    --color-svg-check-ok: #e94c69;
    /* свг профиль */
    --color-svg-profile-check: #fff;
    --color-svg-profile: #e94c69;
    /* svg basket */
    --color-svg-basket-pen: #e94c69;
    --color-svg-basket-promook: #28A745;
    --color-svg-micro-basket: #e94c69;
    /* color header */
    --color-re-text-1: #fff;
    --color-re-head-1: #112A3A;
    --color-re-head-2: #183548;
    --color-re-head-city: #e94c69;
    --color-re-head-menu-a: #fff;
    --color-re-head-menu-a-hover: #fff;
    --color-re-head-btn: #000000;
    --color-re-head-btn-basket: #e94c69;
    --color-re-head-category: #112A3A;
    --color-re-head-category-a: #FFFFFF;
    --color-re-head-category-a-hover: #343a40;
    /* work area */
    --color-re-wa-body: #fff;
    --color-re-wa-lcategory: #000;
    --color-re-wa-tovar-in-basket: #e94c69;
    --color-re-wa-tovar-border: #DFDFDF;
    --color-re-wa-tovar-push-tovar-text: #fff;
    --color-re-wa-tovar-push-tovar-background: #e94c69;
    /* footer */
    --color-re-footer-background: #2B2F33;
    --color-re-footer-menu-a: rgba(255, 255, 255, 0.5);
    --color-re-footer-menu-a-hover: rgba(255, 255, 255, 0.5);
    --color-re-footer-text-1: rgba(255, 255, 255, 0.5);
    --color-re-footer-text-2: #fff;
    --color-re-footer-btn-phone: #28a745;
    --color-re-footer-polosa: #000;
    --color-re-footer-copyright: rgba(255, 255, 255, 0.5);
    /* modal auth */
    --color-re-ma-background: #FFFFFF;
    --color-re-ma-color: #212529;
    --color-re-ma-polosa: #CED4DA;
    --color-re-ma-btn: #e94c69;
    --color-re-ma-btn-color: #FFFFFF;
    /* modal minibasket */
    --color-re-mmb-background: #FFFFFF;
    --color-re-mmb-background-point: #FFFFFF;
    --color-re-mmb-background-recomendation: #E9ECEF;
    --color-re-mmb-background-recomendation-point: #FFFFFF;
    --color-re-mmb-color: #212529;
    --color-re-mmb-polosa: #CED4DA;
    --color-re-mmb-border: #DFDFDF;
    --color-re-mmb-btn: #e94c69;
    --color-re-mmb-btn-color: #FFFFFF;
    --color-re-mmb-btn-color-pm: #6C757D;
    --color-re-mmb-dop: #F2F2F2;
    /* modal city */
    --color-re-mc-background: #FFFFFF;
    --color-re-mc-color: #212529;
    --color-re-mc-border: #DFDFDF;
    --color-re-mc-btn: #e94c69;
    /* modal tovar */
    --color-re-mt-background: #FFFFFF;
    --color-re-mt-color: #212529;
    --color-re-mt-border: #DFDFDF;
    --color-re-mt-btn: #e94c69;
    --color-re-mt-polosa: #606060;
    /* basket */
    --color-re-basket-background: #fff;
    --color-re-basket-color: #212529;
    --color-re-basket-border: #DFDFDF;
    /* modal geo */
    --color-re-mg-background: #FFFFFF;
    --color-re-mg-color: #212529;
    --color-re-mg-border: #DFDFDF;
    --color-re-mg-btn: #e94c69;
    /**/
    --color-re-fo-background: linear-gradient(0deg, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.03)), #FFFFFF;
    --color-re-fo-border: #DFDFDF;
    --color-re-fo-color: #212529;
    /* modal timde */
    --color-re-mt-background: #FFFFFF;
    --color-re-mt-background2: #FFFFFF;
    --color-re-mt-color: #212529;
    --color-re-mt-border: #DFDFDF;
    --color-re-mt-btn: #e94c69;
    /* дополнительно */
    --color-plus-red: #fff;
    --color-background-promo: #606060;
    --color-promo-on-text: #FFF;
}

*::-webkit-scrollbar {
    width: 10px;
    max-height: 10px;
}

*::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: var(--color-scroll-1);
}

*::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: var(--color-scroll-2);
}