/* Dark color scheme for Leaflet maps. Raster tiles (OSM) have no dark variant, so the tile pane is inverted
   and hue-rotated back: water stays blue, markers and popups (other panes) keep their colors. */
[data-color-scheme="dark"] .leaflet-container {
  background: var(--light-tertiary-bg-color, #3a3a3a);
}
[data-color-scheme="dark"] .leaflet-tile-pane {
  filter: invert(1) hue-rotate(180deg) brightness(.95) contrast(.9);
}

[data-color-scheme="dark"] .leaflet-bar a,
[data-color-scheme="dark"] .leaflet-bar a:hover {
  background-color: var(--light-bg-color, #525252);
  border-bottom-color: var(--border-300-color, #676767);
  color: var(--text-color, #fff);
}
[data-color-scheme="dark"] .leaflet-bar a:hover {
  background-color: var(--light-secondary-bg-color, #404040);
}
[data-color-scheme="dark"] .leaflet-bar a.leaflet-disabled {
  background-color: var(--light-secondary-bg-color, #404040);
  color: var(--border-100-color, #7e7e7e);
}

[data-color-scheme="dark"] .leaflet-container .leaflet-control-attribution,
[data-color-scheme="dark"] .leaflet-control-scale-line {
  background: rgba(0, 0, 0, .5);
  color: var(--text-color, #fff);
}
[data-color-scheme="dark"] .leaflet-control-layers,
[data-color-scheme="dark"] .leaflet-control-layers-expanded {
  background: var(--light-bg-color, #525252);
  color: var(--text-color, #fff);
}

[data-color-scheme="dark"] .leaflet-popup-content-wrapper,
[data-color-scheme="dark"] .leaflet-popup-tip,
[data-color-scheme="dark"] .leaflet-tooltip {
  background: var(--light-bg-color, #525252);
  border-color: var(--light-bg-color, #525252);
  color: var(--text-color, #fff);
}
[data-color-scheme="dark"] .leaflet-tooltip-top:before { border-top-color: var(--light-bg-color, #525252); }
[data-color-scheme="dark"] .leaflet-tooltip-bottom:before { border-bottom-color: var(--light-bg-color, #525252); }
[data-color-scheme="dark"] .leaflet-tooltip-left:before { border-left-color: var(--light-bg-color, #525252); }
[data-color-scheme="dark"] .leaflet-tooltip-right:before { border-right-color: var(--light-bg-color, #525252); }