/* Home information dialog: keep readable foreground colors when the page is in dark mode.
   The dialog remains a light panel, so its text and controls need dark-on-light contrast. */
body.dark .info-layer .info-dialog,
html[data-theme="dark"] .info-layer .info-dialog {
  color: #282421 !important;
  background: #fff9ee !important;
  border-color: #8f1025 !important;
}
body.dark .info-layer .info-dialog :is(h2, p, strong),
html[data-theme="dark"] .info-layer .info-dialog :is(h2, p, strong) {
  color: #282421 !important;
}
body.dark .info-layer .info-dialog a,
html[data-theme="dark"] .info-layer .info-dialog a {
  color: #8f1022 !important;
  text-decoration: underline;
}
body.dark .info-layer .info-dialog button,
html[data-theme="dark"] .info-layer .info-dialog button {
  background: #84182b !important;
  border: 1px solid #681326 !important;
  color: #ffffff !important;
}