style: align UI with mobile productivity template and remove Google/Gemini references

README.md

@@ -8,7 +8,7 @@
 [![Backend](https://img.shields.io/badge/Backend-Go%201.24-00ADD8?logo=go&logoColor=white)](https://go.dev)
 [![Frontend](https://img.shields.io/badge/Frontend-React%2019%20%2F%20Vite-61DAFB?logo=react&logoColor=black)](https://react.dev)
 [![Database](https://img.shields.io/badge/Database-SQLite%20(WAL)%20%2F%20Postgres-003B57?logo=sqlite&logoColor=white)](https://sqlite.org)
-[![Styling](https://img.shields.io/badge/Theme-Google%20Gemini%20Dark-8ab4f8)](#-designsystem--ästhetik-google-gemini-dna)
+[![Styling](https://img.shields.io/badge/Theme-Deep%20Dark-1d8cf8)](#-designsystem--ästhetik)
 [![License](https://img.shields.io/badge/License-MIT-blue.svg)](LICENSE)
 
 **MindSift** verbindet den schnellsten Brain-Dump der Welt mit der Eleganz eines modernen Workspaces, spielerischer Tinder-Style-Triage und kollaborativen Echtzeit-Listen für Familien und Teams — 100 % Self-Hosted & Open Source.
@@ -69,16 +69,19 @@ Wenn dir an der Supermarktkasse eine Idee kommt, du im Auto über einen Geistesb
 
 ---
 
-## 🎨 Designsystem & Ästhetik: Google Gemini DNA
+## 🎨 Designsystem & Ästhetik
 
-MindSift setzt konsequent auf die Ästhetik von Google Gemini – organisch, hochmodern und beruhigend:
+MindSift setzt konsequent auf eine ultramoderne, dunkle Productivity-Suite-Ästhetik — fokussiert, augenschonend und schnell:
 
-* **Dark Mode First (OLED Deep Obsidian):**
-  * Hintergrund primär: `#0b0f19` / `#131314`
-  * Oberflächen/Karten: `#1e1f20` mit feinen `1px` Konturen (`rgba(255, 255, 255, 0.08)`)
-  * Akzente & Glows: Gemini Blue (`#8ab4f8`) und sanftes Violett (`#c58af9`)
-* **Pill-Shapes & Soft Curves:** Stark abgerundete Eingabefelder (`rounded-full`), fließende Kapselbuttons und weiche Kanten.
-* **Zurückhaltende Eleganz:** Großzügiger Weißraum (*Spreading*), subtile Ambient-Glows bei Fokus und flüssige 60fps-Gestenphysik für die Karten-Triage.
+* **Dark Mode First (Deep Charcoal Canvas):**
+  * Hintergrund primär: `#16171a`
+  * Oberflächen/Karten: `#222428` mit feinen `1px` Konturen (`rgba(255, 255, 255, 0.08)`)
+  * Elevated & Hover: `#282a2f` / `#2b2d33`
+  * Primär-Brand: Electric Blue (`#1d8cf8`)
+  * Status-Akzente: Vivid Green (`#22c55e`), Coral Red (`#ef4444`), Vivid Orange (`#f97316`)
+* **Squircles & Solid Color Badges:** Quadratisch abgerundete Icons (`rounded-xl`) mit satten Einzelfarben ohne grelle AI-Farbverläufe.
+* **Pill-Buttons & Active Highlighting:** Filter-Chips (`All`, `Favorite`) und Action-Buttons in Pillenform (`rounded-full`); aktive Aufgaben erhalten eine scharfe grüne Kontur (`border border-[#22c55e]/70`).
+* **Floating Bottom Dock:** Zentrale Daumenleiste mit markantem blauem `+` Action-Button zum blitzschnellen Gedanken-Erfassen von überall.
 * **Haptik & Touch-Optimierung:** Große Interaktionsradien (mind. 48px Touch-Targets), Vibrations-Feedback via Web Vibration API bei Karten-Swipes.
 
 ---
@@ -123,7 +126,7 @@ Als Lead-Architektur wurde ein **Single-Binary / Single-Container** Paradigma ge
 | :--- | :--- | :--- |
 | **Backend** | **Go 1.24+ (Chi Router)** | Extrem geringer Speicherverbrauch (~15–25 MB RAM idle), Kaltstart in < 5 ms, überlegene Concurrency für WebSockets, erzeugt ein statisches Binary. |
 | **Frontend** | **React 19 + TypeScript + Vite** | Bietet mit **Framer Motion** die beste Gesten- und Physik-Engine für flüssige Tinder-Swipes und mit **Tiptap** den industrieweit führenden blockbasierten Rich-Text-Editor. |
-| **Styling** | **Tailwind CSS v4** | Höchste Performance, null CSS-Runtime-Overhead, perfekte Abbildung des Gemini Dark-Themas mit Design-Tokens. |
+| **Styling** | **Tailwind CSS v4** | Höchste Performance, null CSS-Runtime-Overhead, perfekte Abbildung des Deep Dark Themes mit Design-Tokens. |
 | **Realtime** | **Go WebSockets (`nhooyr/websocket`)** | Schlanke, native WebSocket-Rooms für kollaborative Einkaufslisten mit Sub-10ms-Latenz und automatischem Reconnect. |
 | **Datenbank** | **SQLite (WAL-Modus) / sqlc** | Standardmäßig Zero-Config mit Write-Ahead-Logging, ACID-sicher und als einzelne Datei einfachst per Backup sicherbar. Optional umschaltbar auf PostgreSQL per `DATABASE_URL`. |
 | **PWA / Offline** | **Workbox / IndexedDB** | App startet auch im Funkloch sofort; Gedanken werden lokal vorgehalten und beim nächsten Verbindungsaufbau transparent synchronisiert. |
@@ -552,7 +555,7 @@ Phase 6: Hardening  ◄──── Phase 5: Webhooks    ◄──── Phase 4
 - [x] Go Backend-Grundgerüst (Chi Router, Konfigurations-Management, Healthcheck)
 - [x] SQLite Storage-Layer mit WAL-Modus und automatischer Migration
 - [x] JWT-Authentifizierung & User-Management
-- [x] Mobile-First PWA Setup (Vite, React, Tailwind CSS, Gemini Dark Theme)
+- [x] Mobile-First PWA Setup (Vite, React, Tailwind CSS, Deep Dark Theme)
 - [x] **Instant-Capture-Interface:** Autofokus-Eingabemaske, Sprachaufnahme (Web Speech API), Latenz < 300 ms
 
 ### Phase 2: Tinder-Style Triage & Task Engine (Sprint 2)