:root {
    --color-background: #000;
    --color-text-gray: #606060;
    --color-background-menu: #2B2D2F;
    --color-text-red: #ED1B34;
    /* 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: #DC3545;
    --color-point: #ADB5BD;
    /* Global/06. Info */
    --color-info: #17A2B8;
    --color-re-base: #FFF;
    /* скрол кастом */
    --color-scroll-1: rgb(38, 38, 38);
    --color-scroll-2: rgb(71, 71, 71);
    /* Свг цвета */
    --color-svg-header-1: white;
    --opacity-svg-header-1: 0.5;
    --color-svg-header-2: #DC3545;
    --opacity-svg-header-2: 1;
    --color-svg-head-user: white;
    --color-svg-head-basket: white;
    --color-svg-modal-search: #868E96;
    --color-svg-modal-ok: #28A745;
    --color-svg-check: #CED4DA;
    --color-svg-check-ok: #DC3545;
    /* свг профиль */
    --color-svg-profile-check: #fff;
    --color-svg-profile: #DC3545;
    /* svg basket */
    --color-svg-basket-pen: #DC3545;
    --color-svg-basket-promook: #28A745;
    --color-svg-micro-basket: #ED1B34;
    /* color header */
    --color-re-text-1: #606060;
    --color-re-head-1: #181a1b;
    --color-re-head-2: #2b2d2f;
    --color-re-head-city: #DC3545;
    --color-re-head-menu-a: #fff;
    --color-re-head-menu-a-hover: #343a40;
    --color-re-head-btn: #fff;
    --color-re-head-btn-basket: #DC3545;
    --color-re-head-category: #181a1b;
    --color-re-head-category-a: #FFFFFF;
    --color-re-head-category-a-hover: #343a40;
    /* work area */
    --color-re-wa-body: #000;
    --color-re-wa-lcategory: #f8f9fa;
    --color-re-wa-tovar-in-basket: #ed1b34;
    --color-re-wa-tovar-border: #2b2d2f;
    --color-re-wa-tovar-push-tovar-text: #fff;
    --color-re-wa-tovar-push-tovar-background: #ed1b34;
    /* footer */
    --color-re-footer-background: #606060;
    --color-re-footer-menu-a: #fff;
    --color-re-footer-menu-a-hover: #343a40;
    --color-re-footer-text-1: #fff;
    --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: #000;
    --color-re-ma-color: #f8f9fa;
    --color-re-ma-polosa: #606060;
    --color-re-ma-btn: #ed1b34;
    --color-re-ma-btn-color: #FFFFFF;
    /* modal minibasket */
    --color-re-mmb-background: #181a1b;
    --color-re-mmb-background-point: #2b2d2f;
    --color-re-mmb-background-recomendation: #2b2d2f;
    --color-re-mmb-background-recomendation-point: #181a1b;
    --color-re-mmb-color: #f8f9fa;
    --color-re-mmb-polosa: #000;
    --color-re-mmb-border: #181a1b;
    --color-re-mmb-btn: #ed1b34;
    --color-re-mmb-btn-color: #FFFFFF;
    --color-re-mmb-btn-color-pm: #ffffff;
    --color-re-mmb-dop: rgba(0, 0, 0, 0.5);
    /* modal city */
    --color-re-mc-background: #2b2d2f;
    --color-re-mc-color: #f8f9fa;
    --color-re-mc-border: #2b2d2f;
    --color-re-mc-btn: #ed1b34;
    /* modal tovar */
    --color-re-mt-background: #181a1b;
    --color-re-mt-color: #f8f9fa;
    --color-re-mt-border: #2b2d2f;
    --color-re-mt-btn: #ed1b34;
    --color-re-mt-polosa: #606060;
    /* basket */
    --color-re-basket-background: #181a1b;
    --color-re-basket-color: #f8f9fa;
    --color-re-basket-border: #2b2d2f;
    /* modal geo */
    --color-re-mg-background: #181a1b;
    --color-re-mg-color: #f8f9fa;
    --color-re-mg-border: #2b2d2f;
    --color-re-mg-btn: #ed1b34;
    /**/
    --color-re-fo-background: #606060;
    --color-re-fo-border: #606060;
    --color-re-fo-color: #f8f9fa;
    /* modal timde */
    --color-re-mt-background: #181a1b;
    --color-re-mt-background2: #000;
    --color-re-mt-color: #f8f9fa;
    --color-re-mt-border: #2b2d2f;
    --color-re-mt-btn: #ed1b34;
    /* дополнительно */
    --color-plus-red: #000;
    --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);
}