/* В этом файле вы опишете значения переменных в разных цветовых схемах.
Придерживайтесь такого именования классов:
✦ theme-dark — класс тёмной темы
✦ theme-light — класс светлой темы
✦ не забудьте описать стили для изменения темы через медизапрос пользовательских предпочтений
*/
:root.theme-light {
  --main-font-weight: 400;
  --heading-font-weight: 700;
  --accent-color: #000000;
  --background-color: #ffffff;
  --background-image: repeating-linear-gradient(
      to right,
      #d3d3d3,
      transparent 2px
    ),
    repeating-linear-gradient(to bottom, #d3d3d3, transparent 2px),
    linear-gradient(to bottom, #e7e7e7 0.01%, #1a1a1a);
  --text-shadow: #ffffff;
  --text-color-inverted: #ffffff;
  --heart-contour: #000000;
}

:root.theme-dark {
  --main-font-weight: 465;
  --heading-font-weight: 785;
  --accent-color: #00cc14;
  --background-color: #000000;
  --background-image: repeating-linear-gradient(to right, #000, transparent 2px),
    repeating-linear-gradient(to bottom, #000, transparent 2px),
    linear-gradient(to bottom, #007f0c, #004306);
  --text-shadow: #000000;
  --text-color-inverted: #00cc14;
  --heart-contour: #00cc14;
}

@media (prefers-color-scheme: dark) {
  :root {
    --main-font-weight: 465;
    --heading-font-weight: 785;
    --accent-color: #00cc14;
    --background-color: #000000;
    --background-image: repeating-linear-gradient(
        to right,
        #000,
        transparent 2px
      ),
      repeating-linear-gradient(to bottom, #000, transparent 2px),
      linear-gradient(to bottom, #007f0c, #004306);
    --text-shadow: #000000;
    --text-color-inverted: #00cc14;
    --heart-contour: #00cc14;
  }
}