:root {
    --body-bg: #121212; /* Цвет заднего фона */
    --main-text-color: #f5f5f5; /* Цвет основного текста */
    --secondary-text-color: #fa0; /* Цвет выделенного текста */
    --button-bg-color: #fa0; /* Цвет заливки активной кнопки */
    --button-inactive-bg-color: #1f1f1f; /* Цвет заливки неактивно кнопки */
    --product-bg: #1f1f1f; /* Цвет заливки товара */
    --product-border: #3d3d3d; /* Цвет границы товара */
    --mobile-navigation-menu-bg: #1f1f1f; /* Цвет заливки меню навигации в мобильной версии сайта */
    --mobile-navigation-menu-border: #3d3d3d; /* Цвет обводки меню навигации в мобильной версии сайта */
    --category-inactive-border: #242424; /* Цвет подчеркивания невыбранной категории */
    --pop-up-border: #242424; /* Цвет обводки всплывающих окон */
    --pop-up-bg: #121212; /* Цвет заднего фона всплывающих окон */
    --buy-icon-container-bg: #2b2b2b; /* Цвет фона контейнера с иконкой покупки */
    --nick-container-bg: #2b2b2b; /* Цвет фона области с ником покупателя */
    --main-icon-container-bg: #212121; /* Цвет фона контейнера с иконкой главной страницы */
    --fields-bg: #0d0d0d; /* Цвет задний фона полей */
    --checkbox-border: #bdbdbd; /* Цвет обводки чекбокса */
    --checkbox-bg: #333; /* Цвет заливки чекбокса */
    --checkbox-color: #333; /* Цвет галочки чекбокса */
    --mobile-list-categories-bg: #121212; /* Цвет фона меню с категориями в мобильной версии сайта */
    --button-text-color: black; /* Цвет текста в кнопках */
    --scroll-slider: #fa0; /* Цвет ползунка у прокрутки страницы */
    --scroll-bg: #171717; /* Цвет фона прокрутки страницы */
}