Initial commit

memory/project_fe_design_system.md

@@ -0,0 +1,20 @@
+---
+name: project_fe_design_system
+description: "FE-Design-System — CSS-Token-Layer + Lucide-Icons, Würth-Rot; eingeführt im UI-Refresh"
+metadata: 
+  node_type: memory
+  type: project
+  originSessionId: ca356122-9115-4968-8361-c6d253d00817
+---
+
+UI-Refresh der Customer-FE gestartet (Branch `feature/fe-ui-refresh`, Commit e32b996, basiert auf development).
+
+**Konventionen ab jetzt:**
+- Farben/Abstände/Typo/Radius kommen aus `apps/plato-customer-fe/src/css/tokens.css` (CSS-Variablen, kein Build-Step). `base.css` ist global und nutzt nur diese Tokens — keine neuen Magic-Werte/Hardcodes in Komponenten.
+- Markenrot: `--c-brand: #cc0000` (Würth), nur als Akzent.
+- Icons: `lucide-vue-next` (v1), import named (`import { Plus } from 'lucide-vue-next'`). KEINE Emoji mehr in der UI.
+- HD: Inhalt auf `--content-max` (1720px) zentriert, Liste/Detail-Split 58/42.
+
+Erster Durchgang war "sichtbarer Refresh" (Header, Liste, Detail, Karten, Icons). Noch nicht angefasst: TechFooter-/Remote-Dialog-Glyphen (bewusst gelassen), Inputs-Detailpolish, evtl. Dialoge (SapImport/MigrationReport/RemoteCustomer).
+
+Verwandt: [[project_montag_offen]] (UI-Redesign / Design System Montag).