.page.theme_dark {
  /* сохраните этот селектор в приведённом виде.
    Так стили написанные ниже будут иметь больший вес,
    чем стили в медиазапросе предпочтений пользователя
  */
  --background-image: url(../images/cover-image-dark.png);

 --bg-color: #000028;
  --accent-color: #ff0070;
  --title-color: #db00ff;
  --text-color: #f1b2ce;
  --menu-shadow: rgba(255, 0, 112, 0.4);
  --title-decor-color: var(--bg-color);
  --heading-color: var(--accent-color);
  --menu-item-color: var(--accent-color);
}

.page.theme_dark .header-decor {
  display: block;
}

@media (prefers-color-scheme: dark) {
  :root {
    --background-image: url(../images/cover-image-dark.png);

    --bg-color: #000028;
     --accent-color: #ff0070;
     --title-color: #db00ff;
     --text-color: #f1b2ce;
     --menu-shadow: rgba(255, 0, 112, 0.4);
     --title-decor-color: var(--bg-color);
     --heading-color: var(--accent-color);
     --menu-item-color: var(--accent-color);
     --shadow: #ff0070;
  }

  .header-decor {
    display: block;
  }
}