/*
  Специально для тёмной темы при наличии класса,
  здесь окажутся стили, которые нужно переопределить принудительно,
  переключая тему
*/

.page.theme_dark {
  --accent-color: #ff0070;
  --regular-color: #f1b2ce;
  --main-color: #db00ff;
  --decorate-color: #ff0070; /*для декоративных элементов и заголовков h2*/
  --rec-element: #ff0070;
  --accent-color-with-opacity: rgba(255, 0, 112, 0.4);
  --bg-theme: #000028;
  --title-description-theme: #000028;
  --bg-theme-image: url("../images/cover-image-dark.png");
  /* сохраните этот селектор в приведённом виде.
    Так стили написанные ниже будут иметь больший вес,
    чем стили в медиазапросе предпочтений пользователя
  */
}

@media (prefers-color-scheme: dark) {
  :root {
    --accent-color: #ff0070;
    --regular-color: #f1b2ce;
    --main-color: #db00ff;
    --decorate-color: #ff0070; /*для декоративных элементов и заголовков h2*/
    --rec-element: #ff0070;
    --accent-color-with-opacity: rgba(255, 0, 112, 0.4);
    --bg-theme: #000028;
    --title-description-theme: #000028;
    --bg-theme-image: url("../images/cover-image-dark.png");
  }
}