@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap');
@import "tailwindcss";

@theme {
  --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;
}

/* Leaflet Container overrides */
.leaflet-container {
  font-family: "Inter", sans-serif !important;
  z-index: 1 !important;
}

/* Advanced Map Popup Custom Styling */
.custom-popup-box .leaflet-popup-content-wrapper {
  background: rgba(255, 255, 255, 0.98) !important;
  backdrop-filter: blur(8px);
  border: 1px solid rgba(241, 245, 249, 0.9) !important;
  border-radius: 12px !important;
  padding: 6px 10px !important;
  box-shadow: 0 10px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1) !important;
}

.custom-popup-box .leaflet-popup-content {
  margin: 4px 0 !important;
  padding: 0 !important;
}

.custom-popup-box .leaflet-popup-tip-container {
  opacity: 0.8;
}

/* Beautiful custom markers styling details */
.custom-element-marker {
  background: transparent !important;
  border: none !important;
}

