переименовываю переменные для цветов

source/styles/common/variables.scss

@@ -5,10 +5,12 @@ $white: #ffffff; // Цвет фона по умолчанию
 $primary: #68b738; // Цвет основной темы
 $primary-lighter: rgba(104, 183, 56, 0.85); //Цвет оверлея над фоновой картинкой
 $primary-darker: #5eaa2f; // Цвет кнопок при наведении и при нажатии
+$light: #f2f2f2;
+$light-color: #f2f2f2; // Цвет фона карточек товара, программ, футера, кнопки
+$dark: #444444;
 $secondary-color: #444444; // Более светлый цвет текста
 $secondary-color-darker: #222222; // Более тёмный цвет текста
 $emphasis-color: #111111; // Для более контрастного текста
-$light-color: #f2f2f2; // Цвет фона карточек товара, программ, футера, кнопки
 $border-color: #cdcdcd; // Цвет разделителя в карточках и бордера инпута email
 $gray-100: #eaeaea; // Цвет фона блока example
 $gray-200: #ebebeb; // Цвет разделителя в catalog и фоновый цвет кнопки в состоянии hover и pressed