feat: Refactor NavBar and Planner components; update geocoding services

- Removed unused Navigation2 icon from NavBar.
- Updated usePlanner hook to manage route history and improve local storage handling.
- Enhanced PlannerApi with new fare properties and improved itinerary handling.
- Added recent routes feature in StopList with navigation to planner.
- Implemented NominatimGeocodingService for autocomplete and reverse geocoding.
- Updated UI components for better user experience and accessibility.
- Added translations for recent routes in multiple languages.
- Improved CSS styles for map controls and overall layout.

1 files changed, 28 insertions, 0 deletions

diff --git a/src/frontend/app/tailwind-full.css b/src/frontend/app/tailwind-full.css
index 1767d61..e7c4dd3 100644
--- a/src/frontend/app/tailwind-full.css
+++ b/src/frontend/app/tailwind-full.css
@@ -1,3 +1,31 @@
 @import "tailwindcss";
 
+@theme {
+  --color-primary: var(--button-background-color);
+  --color-background: var(--background-color);
+  --color-text: var(--text-color);
+  --color-subtitle: var(--subtitle-color);
+  --color-border: var(--border-color);
+  --color-surface: var(--message-background-color);
+
+  --font-display: var(--font-display);
+  --font-sans: var(--font-ui);
+
+  /* Semantic colors for easier migration from slate/gray */
+  --color-muted: var(--subtitle-color);
+  --color-accent: var(--button-background-color);
+
+  /* Generated-like palette using color-mix for flexibility */
+  --color-primary-50: color-mix(in oklab, var(--button-background-color) 5%, white);
+  --color-primary-100: color-mix(in oklab, var(--button-background-color) 10%, white);
+  --color-primary-200: color-mix(in oklab, var(--button-background-color) 20%, white);
+  --color-primary-300: color-mix(in oklab, var(--button-background-color) 40%, white);
+  --color-primary-400: color-mix(in oklab, var(--button-background-color) 60%, white);
+  --color-primary-500: var(--button-background-color);
+  --color-primary-600: color-mix(in oklab, var(--button-background-color) 80%, black);
+  --color-primary-700: color-mix(in oklab, var(--button-background-color) 60%, black);
+  --color-primary-800: color-mix(in oklab, var(--button-background-color) 40%, black);
+  --color-primary-900: color-mix(in oklab, var(--button-background-color) 20%, black);
+}
+
 @custom-variant dark (&:where([data-theme=dark], [data-theme=dark] *));