:root {
  --fmd-yellow: #ffd400;
  --fmd-black: #050505;
  background: #ffffff;
  color: #020617;
  color-scheme: light;
}

html[data-theme="light"] {
  background: #ffffff;
  color: #020617;
  color-scheme: light;
}

.dark,
html[data-theme="dark"] {
  background: #000000;
  color: #ffffff;
  color-scheme: dark;
}

[x-cloak] {
  display: none !important;
}

html {
  min-height: 100%;
}

body {
  background: #ffffff;
  color: #020617;
  min-height: 100%;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

::selection {
  background: var(--fmd-yellow);
  color: var(--fmd-black);
}

html[data-theme="light"] body {
  background: #ffffff;
  color: #020617;
}

html[data-theme="dark"] body {
  background: #000000;
  color: #ffffff;
}

html[data-theme="light"] .theme-icon-light,
html:not([data-theme="dark"]) .theme-icon-light {
  display: inline-block;
}

html[data-theme="light"] .theme-icon-dark,
html:not([data-theme="dark"]) .theme-icon-dark {
  display: none;
}

html[data-theme="dark"] .theme-icon-light {
  display: none;
}

html[data-theme="dark"] .theme-icon-dark {
  display: inline-block;
}

button,
input,
select,
textarea {
  font: inherit;
}

.leaflet-container {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.leaflet-control-attribution {
  border-radius: 999px 0 0 0;
}

.dark .leaflet-tile-pane {
  filter: saturate(0.85) brightness(0.82) contrast(1.08);
}