Revamp branding, UI styling, and HAFAS integration

- Update BRAND_GUIDELINES.md with new melting clock logo concept
- Rebrand UI components with new violet-to-pink gradient color scheme
- Implement HAFAS authentication headers and GET support in route
- Update logo SVGs to match new brand guidelines
- Fix HAFAS time format to exclude millisecond padding
- Update default station to Mödling Bahnhof
- Bump workspace package versions to 1.0.0

BRAND_GUIDELINES.md

@@ -2,27 +2,35 @@
 
 ## Logo
 
-The TimeToLeave logo combines a clock face with an arrow pointing to 10:10 (the classic "watch ad" time), symbolizing "it's time to go."
+The TimeToLeave logo features a **melting clock** flowing into a right-pointing departure arrow, symbolizing "it's time to go" — time literally dripping away as you head out the door.
 
 ### Meaning
-- **Clock face** = Time awareness, countdowns, punctuality
-- **Orange→Yellow arrow** = Departure, leaving, urgency
-- **Blue→Purple gradient** = Trust, technology, professionalism
-- **Exit door** (on full icon) = Leaving, heading out
+- **Melting clock** = Time awareness, urgency, fluidity — like Dali's persistence of memory
+- **Violet→Magenta gradient** = Creativity, energy, modernity
+- **Hot pink arrow** (#FF2D8D) = Departure, leaving, forward motion
+- **Dark background** = Premium, sleek, focused
 
 ## Colors
 
-### Primary
+### Primary Gradient
 | Name | Hex | Usage |
 |------|-----|-------|
-| System Blue | `#007AFF` | Primary actions, links, active states |
-| Indigo | `#5856D6` | Gradients, secondary elements |
+| Violet | `#8B5CF6` | Gradient start |
+| Magenta | `#B23CFF` | Gradient mid |
+| Pink | `#D946EF` | Gradient end |
+| Hot Pink | `#FF2D8D` | Accents, arrows, "To" in wordmark |
 
-### Accent
+### Text
 | Name | Hex | Usage |
 |------|-----|-------|
-| Orange | `#FF9500` | Warnings, countdowns, arrow accents |
-| Gold | `#FFD60A` | Highlights, urgency indicators |
+| Off-White | `#F4F1EA` | Primary text on dark backgrounds |
+
+### Background
+| Name | Hex | Usage |
+|------|-----|-------|
+| Deep Space | `#03030A` | Outer background |
+| Night | `#090816` | Inner background |
+| Twilight | `#17112A` | Highlights, glows |
 
 ### Status Colors (Countdown)
 | Status | Color | Meaning |
@@ -35,8 +43,8 @@ The TimeToLeave logo combines a clock face with an arrow pointing to 10:10 (the
 
 ## Typography
 
-- **Primary:** System font stack (`system-ui, -apple-system, sans-serif`)
-- **Weights:** 700 for headings, 400 for body, 300 for captions
+- **Primary:** Inter, Poppins, Montserrat, Avenir Next, Arial, sans-serif
+- **Weights:** 800 for headlines, 700 for headings, 600 for semibold, 400 for body, 300 for captions
 - **Letter spacing:** -0.02em for headings (tighter, more modern)
 
 ## Logo Variants
@@ -48,7 +56,7 @@ Use `LogoIcon` component for favicons, app icons, loading states.
 Use `LogoHorizontal` component for headers, navigation, about pages.
 
 ### Full Logo (SVG)
-Use `assets/logo.svg` for downloads, print, marketing materials.
+Use `timetoleave_dark_logo.svg` for downloads, print, marketing materials.
 
 ## Usage
 
@@ -73,4 +81,4 @@ import { LogoIcon, LogoHorizontal } from "@/app/ui/logos";
 | `apps/web/src/app/ui/LogoHorizontal.tsx` | React horizontal logo |
 | `apps/web/src/app/icon.svg` | Web favicon (auto-generated by Next.js) |
 | `apps/web/src/app/opengraph-image.svg` | Social sharing image |
-| `apps/mobile/assets/logo.svg` | Master SVG for mobile assets |
+| `apps/web/src/app/timetoleave_dark_logo.svg` | Master SVG with full wordmark |