/* 다크모드: OS 다크 설정을 따르며, html[data-theme="light"|"dark"]로 강제할 수 있다(localStorage wdTheme).
   페이지마다 색상이 따로 정의돼 있어 색 반전 방식으로 일괄 적용하고, 이미지·지도·영상은 다시 반전해 원본색을 유지한다. */
@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) { filter: invert(1) hue-rotate(180deg); background: #fff; }
  html:not([data-theme="light"]) img, html:not([data-theme="light"]) video, html:not([data-theme="light"]) canvas,
  html:not([data-theme="light"]) iframe, html:not([data-theme="light"]) svg image,
  html:not([data-theme="light"]) [style*="background-image"], html:not([data-theme="light"]) .wd-keep-color,
  html:not([data-theme="light"]) #map, html:not([data-theme="light"]) .map {
    filter: invert(1) hue-rotate(180deg);
  }
}
html[data-theme="dark"] { filter: invert(1) hue-rotate(180deg); background: #fff; }
html[data-theme="dark"] img, html[data-theme="dark"] video, html[data-theme="dark"] canvas,
html[data-theme="dark"] iframe, html[data-theme="dark"] svg image,
html[data-theme="dark"] [style*="background-image"], html[data-theme="dark"] .wd-keep-color,
html[data-theme="dark"] #map, html[data-theme="dark"] .map {
  filter: invert(1) hue-rotate(180deg);
}