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

.page.theme_dark {
  --color-button: #ff0070;
  --background-image: url("../images/cover-image-dark.png");
  --accent-color: #db00ff;
  --background-shadow: #ff0070;
  --background-decor: #ff0070;
  --color-text: #ff0070;
  --background-shadow-opacity: #ff007066;
  --background-button: #FF0070;
  --title_color: #000028;
  --color-block: #000028;
  --color-text-button: #000028;
  --color: #f1b2ce;
  --color-title: #ff0070;
  --bc: #000028;
  --decoration-color: #ff0070;
  --visibility-light: none;
  --focus: #ff0070;
}

  @media (prefers-color-scheme: dark) {
    :root {
      --color-button: #ff0070;
      --background-image: url("../images/cover-image-dark.png");
      --accent-color: #db00ff;
      --background-shadow: #ff0070;
      --background-decor: #ff0070;
      --color-text: #ff0070;
      --background-shadow-opacity: #ff007066;
      --background-button: #FF0070;
      --title_color: #000028;
      --color-block: #000028;
      --color-text-button: #000028;
      --color: #f1b2ce;
      --color-title: #ff0070;
      --bc: #000028;
      --decoration-color: #ff0070;
      --visibility-light: none;
      --focus: #ff0070;
    }
  }

  /* сохраните этот селектор в приведённом виде.
    Так стили написанные ниже будут иметь больший вес,
    чем стили в медиазапросе предпочтений пользователя
  */