make css more generic

classes/grundrechenarten.json

@@ -1,18 +1,31 @@
 {
   "id": "grundrechenarten",
-  "name": "Grundrechenarten",
-  "icon": "➕",
-  "description": "Lerne die Grundlagen der Mathematik",
+  "name": "Einhorn-Mathe",
+  "icon": "🦄",
+  "description": "Magische Mathematik mit Einhörnern und Regenbögen",
   "theme": {
-    "--theme-bg": "#1a2f1a",
-    "--theme-bg-mid": "#2a4a2a",
-    "--theme-bg-light": "#3a6a3a",
-    "--theme-bg-hover": "#4a7a4a",
-    "--theme-text": "#e8f5e8",
-    "--theme-muted": "#7fa87f",
-    "--theme-muted-light": "#aed4ae",
-    "--theme-accent": "#4caf50",
-    "--theme-accent-hover": "#388e3c"
+    "--theme-bg": "#2d1b69",
+    "--theme-bg-mid": "#4a1a8a",
+    "--theme-bg-light": "#6b35b5",
+    "--theme-bg-hover": "#7d42cc",
+    "--theme-text": "#fce4ff",
+    "--theme-muted": "#c4a0dc",
+    "--theme-muted-light": "#dfc4f0",
+    "--theme-accent": "#ff69b4",
+    "--theme-accent-hover": "#e91e8c",
+    "--theme-content-bg": "#fef0ff",
+    "--theme-card-bg": "#fce8ff",
+    "--theme-card-radius": "16px",
+    "--theme-ui-radius": "12px",
+    "--theme-card-shadow": "0 6px 24px rgba(255,105,180,0.18)",
+    "--theme-font": "'Trebuchet MS', sans-serif",
+    "--theme-text-transform": "none",
+    "--theme-letter-spacing": "0px",
+    "--theme-h1-letter-spacing": "0px",
+    "--theme-sidebar-item-margin": "3px 8px",
+    "--theme-sidebar-active-bg": "#ff69b4",
+    "--theme-sidebar-active-border": "none",
+    "--theme-sidebar-active-color": "#ffffff"
   },
   "lessons": ["adding"]
 }