Refactor: CSS-Variablen für alle Farbwerte (theme.css)

app/src/lib/styles/theme.css

@@ -0,0 +1,59 @@
+:root {
+  /* Primärfarbe */
+  --c-primary:         #1e40af;
+  --c-primary-dark:    #1d3a9e;
+  --c-primary-light:   #e0e7ff;
+  --c-primary-subtle:  #eff6ff;
+
+  /* Text */
+  --c-text:            #1e293b;
+  --c-text-secondary:  #475569;
+  --c-text-muted:      #64748b;
+  --c-text-hint:       #94a3b8;
+
+  /* Hintergrund & Rahmen */
+  --c-border:          #e2e8f0;
+  --c-bg:              #f1f5f9;
+  --c-bg-card:         #ffffff;
+  --c-bg-subtle:       #f8fafc;
+
+  /* Dunkel (Theme-Farbe, Header, PWA) */
+  --c-dark:            #0f172a;
+
+  /* Fehler / Rot */
+  --c-error:           #dc2626;
+  --c-error-dark:      #b91c1c;
+  --c-error-light:     #fca5a5;
+  --c-error-bg:        #fee2e2;
+  --c-error-subtle:    #fef2f2;
+
+  /* Erfolg / Grün */
+  --c-success:         #16a34a;
+  --c-success-light:   #86efac;
+  --c-success-bg:      #dcfce7;
+
+  /* Warnung / Gelb-Amber */
+  --c-warning:         #f59e0b;
+  --c-warning-light:   #fde047;
+  --c-warning-bg:      #fef9c3;
+  --c-warning-subtle:  #fffbeb;
+  --c-warning-dark:    #92400e;
+  --c-warning-darker:  #713f12;
+
+  /* Akzent / Lila (Plan-Badges) */
+  --c-accent:          #7c3aed;
+  --c-accent-subtle:   #ede9fe;
+
+  /* Primärfarbe – weitere Töne */
+  --c-primary-100:     #bfdbfe;
+  --c-primary-200:     #c7d2fe;
+  --c-primary-bg:      #f0f9ff;
+
+  /* Erfolg – weitere Töne */
+  --c-success-dark:    #166534;
+  --c-success-subtle:  #f0fdf4;
+
+  /* Warnung – weitere Töne */
+  --c-warning-amber:   #854d0e;
+  --c-warning-pale:    #fefce8;
+}