/* Shared brand colors for native controls and common interaction states. */
:root {
  --jonte-brand: #008890;
  --swiper-theme-color: #008890;
  accent-color: var(--jonte-brand);
}

::selection {
  background: rgb(0 136 144 / 20%);
}

:focus-visible {
  outline-color: var(--jonte-brand);
}

html .leaflet-container a {
  color: var(--jonte-brand);
  -webkit-tap-highlight-color: rgb(0 136 144 / 40%);
}

html .leaflet-container .leaflet-zoom-box {
  border-color: var(--jonte-brand);
}