Frontend-Redesign nach DESIGN.md: neues Dark-Theme mit grüner Akzentfarbe

- Neue Farbpalette: #0a0d0b Hintergrund, #111511 Surface, #1ed760 Akzent
- Inter-Font via Google Fonts (400/500/600)
- CSS Grid Layout: 240px Sidebar + 1fr Content + 88px Player Bar
- Sidebar: neue Nav-Items mit Padding, Uppercase-Labels, grünes Logo-Icon
- CoverImage: 2-Buchstaben-Kürzel mit 6 Cover-Placeholder-Farben
- BookCard: Play-Overlay (34px), 3px Progress-Bar am Kartenrand
- MiniPlayer: Player Bar mit 3-Spalten-Grid, 4px Progress-Track
- Alle Pages und Komponenten auf neue Tokenfarben aktualisiert
- BookDetail: Fehlermeldung wenn kein Match gefunden

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

frontend/tailwind.config.js

@@ -5,9 +5,24 @@ export default {
   theme: {
     extend: {
       colors: {
-        primary: '#1db954',
-        surface: '#1e1e2e',
-        background: '#13131f',
+        background: '#0a0d0b',
+        surface: '#111511',
+        card: '#161d17',
+        divider: '#1e2a1f',
+        primary: '#1ed760',
+        'primary-dim': '#155a2a',
+        ink: '#e4ede5',
+        muted: '#6a8c6d',
+        muted2: '#2e3f30',
+        c1: '#1a2e1c',
+        c2: '#1c1a2e',
+        c3: '#2e1a1a',
+        c4: '#1a2a2e',
+        c5: '#2a2e1a',
+        c6: '#2e2218',
+      },
+      fontFamily: {
+        sans: ['Inter', 'sans-serif'],
       },
     },
   },