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

:root.theme-light {
  /* сохраните этот селектор в приведённом виде.
    Так стили написанные ниже будут иметь больший вес,
    чем стили в медиазапросе предпочтений пользователя
  */
  --bg-image: url(../images/cover-image-light.png);
  --bg-color: #ffeef6;
  --color-title: #ffc2e6;
  --accent-color: #ff8dcb;
  --color-subtitle: #353430;
  --color-title-block: #353430;
  --color-text: #353430;
  --button-color: #353430;
  --color-transparency: #32312d66;
  --color-button-transparency: #32312d66;
  --color-outline: #32312d66;
  --decorated-switch: none;
  --decor-color: #353430;
}

@media (prefers-color-scheme: light) {
  :root {
    --bg-image: url(../images/cover-image-light.png);
    --bg-color: #ffeef6;
    --color-title: #ffc2e6;
    --accent-color: #ff8dcb;
    --color-subtitle: #353430;
    --color-title-block: #353430;
    --color-text: #353430;
    --button-color: #353430;
    --color-transparency: #32312d66;
    --color-button-transparency: #32312d66;
    --color-outline: #32312d66;
    --decorated-switch: none;
    --decor-color: #353430;
  }
}