frontend/src/index.css

@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  font-family: 'Cairo', 'Segoe UI', sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

html,
body,
#root {
  height: 100%;
}

body {
  margin: 0;
}

.leaflet-container {
  width: 100%;
  height: 100%;
  z-index: 0;
  background-color: #07130f;
}

.leaflet-popup-content-wrapper {
  background: rgba(10, 28, 20, 0.95);
  color: #e6fff3;
  border: 1px solid rgba(126, 245, 200, 0.3);
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);
}

.leaflet-popup-tip {
  background: rgba(10, 28, 20, 0.95);
}

.leaflet-popup-close-button {
  color: #7ef5c8 !important;
}

.leaflet-tooltip {
  pointer-events: none !important;
}