:root {
  --geo-yellow: #ff8a2a;
  --geo-gold: #f25a3d;
  --geo-green: #7a9424;
  --geo-cream: #fff3e2;
  --geo-black: #17110f;
  background: #fff8f1;
  color: #17110f;
  color-scheme: light;
}

html[data-theme="light"] {
  background: #fff8f1;
  color: #17110f;
  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: #f6f8f2;
  color: #17110f;
  min-height: 100%;
  font-family: Manrope, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

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

html[data-theme="light"] body {
  background: #f6f8f2;
  color: #17110f;
}

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

.geo-app-background {
  background:
    radial-gradient(circle at 8% 12%, rgba(111, 230, 13, 0.13), transparent 26rem),
    radial-gradient(circle at 72% 8%, rgba(255, 255, 255, 0.92), transparent 22rem),
    linear-gradient(112deg, #f2f7ed 0%, #f8f8f5 46%, #edf3e9 100%);
}

html[data-theme="dark"] .geo-app-background {
  background:
    radial-gradient(circle at 8% 12%, rgba(111, 230, 13, 0.12), transparent 26rem),
    radial-gradient(circle at 72% 8%, rgba(255, 255, 255, 0.06), transparent 22rem),
    linear-gradient(112deg, #081008 0%, #0d130d 48%, #080d08 100%);
}

.geo-sidebar-offscreen {
  transform: translateX(calc(-100% - 0.75rem));
}

@media (min-width: 1024px) {
  .geo-sidebar-offscreen {
    transform: translateX(0);
  }
}

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;
}

html[data-theme="dark"] select,
html[data-theme="dark"] select option,
html[data-theme="dark"] select optgroup {
  background-color: #222a22;
  color: #ffffff;
}

html[data-theme="dark"] .geo-sandbox-select,
html[data-theme="dark"] .geo-sandbox-select option {
  background-color: #222a22;
  color: #ffffff;
}

.leaflet-container {
  font-family: Manrope, 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);
}