@mytec: iteration1 implemented

frontend/src/index.css

@@ -1,5 +1,15 @@
 @import "tailwindcss";
 
+@custom-variant dark (&:where(.dark, .dark *));
+
+@theme {
+  --color-dark-bg: #1a1a2e;
+  --color-dark-surface: #16213e;
+  --color-dark-border: #0f3460;
+  --color-dark-text: #e0e0e0;
+  --color-dark-muted: #8b8fa3;
+}
+
 @layer base {
   * {
     margin: 0;
@@ -26,3 +36,8 @@
   height: 100%;
   z-index: 0;
 }
+
+/* Dark mode map tiles (invert brightness slightly) */
+.dark .leaflet-tile-pane {
+  filter: brightness(0.8) contrast(1.1) saturate(0.8);
+}