Edit Colors in Readme and build central css var-colors

README.md

@@ -83,10 +83,10 @@ python manage.py runserver
 ## 🎨 Design- & Farbrichtlinien
 
 Die App nutzt ein **Pastel-Clean** Farbschema, das über CSS-Variablen gesteuert wird:
-* 🟢 **Primärfarbe:** Salbeigrün (`#A8C3B6`)
-* 🔵 **Hintergrund:** Weiches Mint-Weiß (`#F4F7F6`)
-* 🔴 **Status Vergeben:** Melonen-Pastell (`#FAD2E1`)
-* 🟢 **Status Frei:** Soft-Mint (`#D0E7DE`)
+* 🟢 **Primärfarbe:** Salbeigrün (`#FBDFA2`)
+* 🔵 **Hintergrund:** Weiches Mint-Weiß (`#F3E2C6`)
+* 🔴 **Status Vergeben:** Melonen-Pastell (`#FA9DA6`)
+* 🟢 **Status Frei:** Soft-Mint (`#8EB694`)
 
 Drucklayouts erzwingen über `@page { size: A6 landscape; }` das korrekte Kartenformat im Browser-Druckdialog.
 

chartacapsa/gebiete/static/css/style.css

@@ -0,0 +1,25 @@
+/* chartacapsa/static/css/style.css */
+
+:root {
+    --bg-main: #F3E2C6;
+    --bg-card: #FFFFFF;
+    --text-main: #2C3E50;
+    --text-muted: #7F8C8D;
+    
+    /* Brand & Buttons */
+    --primary: #FBDFA2;
+    --primary-hover: #fad481;
+    --accent: #B5E2FA;
+    
+    /* Status-Pastelltöne */
+    --status-free-bg: rgb(227, 241, 236);
+    --status-free-text: #8EB694;
+    --status-busy-bg: #facbd0;
+    --status-busy-text: #f9929c;
+}
+
+body {
+    background-color: var(--bg-main);
+    color: var(--text-main);
+    font-family: 'Inter', system-ui, -apple-system, sans-serif;
+}