refactor(css): theme-overrides-Layer wrappen (37 theme-scoped Komponenten-Regeln nach components)

src/css/main.css

@@ -375,6 +375,7 @@
    greifen, sonst verlieren Board-Blur, Cinzel-Logos und Hover-Tints.
    ============================================ */
 
+@layer theme-overrides {
 [data-theme="nebula"] .board         { border-color: rgba(214,92,255,0.10); }
 [data-theme="nebula"] .bm-item:hover { background: rgba(214,92,255,0.05); }
 [data-theme="crescent"] .logo         { font-family: 'Cinzel', serif; letter-spacing: 4px; }
@@ -430,6 +431,7 @@
 [data-theme="hellion-stealth"] .board-title { text-transform: uppercase; font-size: 0.85rem; letter-spacing: 2px; }
 [data-theme="hellion-stealth"] .board       { border-color: rgba(94, 194, 255, 0.15); backdrop-filter: blur(10px); }
 [data-theme="hellion-stealth"] .bm-item:hover { background: rgba(94, 194, 255, 0.10); border-left: 2px solid var(--accent); }
+}
 
 /* ============================================
    BASE STYLES