.page.theme_light {
  /* сохраните этот селектор в приведённом виде.
    Так стили написанные ниже будут иметь больший вес,
    чем стили в медиазапросе предпочтений пользователя
  */
  --background-image: url(../images/cover-image-light.png);
  --bg-color: #fff1f7;
  --accent-color: #ff8dcb;
  --title-color: #ffc2e6;
  --text-color: #353430;
  --menu-shadow: rgb(50, 49, 45, 0.4);
  --title-decor-color: var(--text-color);
  --heading-color: var(--text-color);
  --menu-item-color: var(--text-color);
}

.page.theme_light .header-decor {
  display: none;
}

@media (prefers-color-scheme: light) {
  :root {
    --background-image: url(../images/cover-image-light.png);
    --bg-color: #fff1f7;
    --accent-color: #ff8dcb;
    --title-color: #ffc2e6;
    --text-color: #353430;
    --menu-shadow: rgb(50, 49, 45, 0.4);
    --title-decor-color: var(--text-color);
    --heading-color: var(--text-color);
    --menu-item-color: var(--text-color);
  }

  .header-decor {
    display: none;
  }
}