feat(theme): add Polarized and Suri purple dark themes

frontend/src/themes/theme-polarized.css

@@ -0,0 +1,55 @@
+/* ==========================================================================
+   MINDSIFT THEME: POLARIZED (Ultraviolet / Obsidian)
+   Tiefdunkles Obsidian mit elektrischem Violett-Akzent & scharfen Kanten.
+   ========================================================================== */
+
+:root[data-theme="polarized"] {
+  /* --- 1. AKZENTFARBE (Elektrisches Ultraviolett) --- */
+  --accent-primary: #a855f7;
+  --accent-hover: #c084fc;
+  --accent-dim: rgba(168, 85, 247, 0.15);
+  --accent-border: rgba(192, 132, 252, 0.45);
+  --text-on-accent: #ffffff;
+
+  /* --- 2. OBERFLÄCHEN & HINTERGRÜNDE --- */
+  --bg-app: #0d0b14;
+  --bg-panel: #151221;
+  --bg-panel-elevated: #1d182e;
+  --bg-panel-hover: #26203c;
+  --bg-input: #0f0d18;
+  --bg-overlay: rgba(6, 4, 10, 0.78);
+  --bg-code: #08060d;
+
+  /* --- 3. TEXT & KONTRASTE --- */
+  --text-main: #f5f3ff;
+  --text-muted: #a79fc2;
+  --text-faint: #6d6585;
+
+  /* --- 4. RAHMEN, LINIEN & SCHATTEN --- */
+  --border-color: rgba(168, 85, 247, 0.14);
+  --border-subtle: rgba(168, 85, 247, 0.07);
+  --border-strong: rgba(192, 132, 252, 0.30);
+  --shadow-panel: 0 10px 30px rgba(5, 3, 10, 0.55);
+  --scrollbar-thumb: rgba(168, 85, 247, 0.22);
+  --scrollbar-thumb-hover: rgba(192, 132, 252, 0.40);
+
+  /* --- 5. STATUS- & SIGNALFARBEN --- */
+  --color-success: #10b981;
+  --bg-success: rgba(16, 185, 129, 0.14);
+  --border-success: rgba(16, 185, 129, 0.38);
+
+  --color-danger: #f43f5e;
+  --bg-danger: rgba(244, 63, 94, 0.14);
+  --border-danger: rgba(244, 63, 94, 0.38);
+
+  --color-warning: #f59e0b;
+  --bg-warning: rgba(245, 158, 11, 0.14);
+  --border-warning: rgba(245, 158, 11, 0.38);
+
+  /* --- 6. RUNDUNGEN (Geometrie: Klar & eckig) --- */
+  --radius-card: 0px;
+  --radius-btn: 2px;
+  --radius-input: 2px;
+  --radius-checkbox: 0px;
+  --radius-pill: 9999px;
+}

frontend/src/themes/theme-suri.css

@@ -0,0 +1,55 @@
+/* ==========================================================================
+   MINDSIFT THEME: SURI (Velvet Dusk / Orchid)
+   Warmes Mitternachts-Pflaume mit samtigem Orchidee-Akzent & weichen Ecken.
+   ========================================================================== */
+
+:root[data-theme="suri"] {
+  /* --- 1. AKZENTFARBE (Samtige Orchidee & Magenta-Violett) --- */
+  --accent-primary: #b86bf8;
+  --accent-hover: #cf94fd;
+  --accent-dim: rgba(184, 107, 248, 0.16);
+  --accent-border: rgba(207, 148, 253, 0.42);
+  --text-on-accent: #ffffff;
+
+  /* --- 2. OBERFLÄCHEN & HINTERGRÜNDE --- */
+  --bg-app: #130f1a;
+  --bg-panel: #1e1728;
+  --bg-panel-elevated: #282036;
+  --bg-panel-hover: #332944;
+  --bg-input: #15101d;
+  --bg-overlay: rgba(11, 8, 16, 0.76);
+  --bg-code: #0d0a13;
+
+  /* --- 3. TEXT & KONTRASTE --- */
+  --text-main: #fbf7ff;
+  --text-muted: #b5a8cb;
+  --text-faint: #776b8d;
+
+  /* --- 4. RAHMEN, LINIEN & SCHATTEN --- */
+  --border-color: rgba(207, 148, 253, 0.14);
+  --border-subtle: rgba(207, 148, 253, 0.07);
+  --border-strong: rgba(207, 148, 253, 0.28);
+  --shadow-panel: 0 12px 32px rgba(8, 5, 12, 0.50);
+  --scrollbar-thumb: rgba(184, 107, 248, 0.20);
+  --scrollbar-thumb-hover: rgba(207, 148, 253, 0.36);
+
+  /* --- 5. STATUS- & SIGNALFARBEN --- */
+  --color-success: #34d399;
+  --bg-success: rgba(52, 211, 153, 0.14);
+  --border-success: rgba(52, 211, 153, 0.38);
+
+  --color-danger: #fb7185;
+  --bg-danger: rgba(251, 113, 133, 0.14);
+  --border-danger: rgba(251, 113, 133, 0.38);
+
+  --color-warning: #fbbf24;
+  --bg-warning: rgba(251, 191, 36, 0.14);
+  --border-warning: rgba(251, 191, 36, 0.38);
+
+  /* --- 6. RUNDUNGEN (Weich gerundete Ecken) --- */
+  --radius-card: 10px;
+  --radius-btn: 6px;
+  --radius-input: 6px;
+  --radius-checkbox: 4px;
+  --radius-pill: 9999px;
+}