@import "tailwindcss"; /* Dark mode via .dark class on */ @custom-variant dark (&:where(.dark, .dark *)); @theme inline { --font-sans: var(--font-geist-sans); --font-mono: var(--font-geist-mono); } * { box-sizing: border-box; } html { scroll-behavior: smooth; } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Custom scrollbar */ ::-webkit-scrollbar { width: 4px; height: 4px; } ::-webkit-scrollbar-track { background: transparent; } ::-webkit-scrollbar-thumb { background: rgba(245, 158, 11, 0.3); border-radius: 2px; } ::-webkit-scrollbar-thumb:hover { background: rgba(245, 158, 11, 0.6); } /* Leaflet popup — light mode */ .leaflet-popup-content-wrapper { background: #ffffff; color: #111111; border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 12px; box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12); } .leaflet-popup-tip { background: #ffffff; } .leaflet-popup-close-button { color: #111111 !important; } /* Leaflet popup — dark mode */ .dark .leaflet-popup-content-wrapper { background: #1a1a1a; color: #f5f5f5; border: 1px solid rgba(255, 255, 255, 0.08); box-shadow: 0 4px 24px rgba(0, 0, 0, 0.6); } .dark .leaflet-popup-tip { background: #1a1a1a; } .dark .leaflet-popup-close-button { color: #f5f5f5 !important; }