refactor(css): base-Layer wrappen (Fonts, :root-Tokens, @supports-Fallback, Reset, Typografie)

src/css/main.css

@@ -18,6 +18,7 @@
     - Inter: Fließtext und allgemeine Lesbarkeit
     - Cinzel: Alternative Display-Schriftart für bestimmte Themes
    ============================================= */
+@layer base {
 /* Rajdhani - Lokal */
 @font-face {
   font-family: 'Rajdhani';
@@ -91,6 +92,7 @@
     background-color: var(--bg-solid-fallback, var(--bg-primary));
   }
 }
+}
 
 /* ============================================
    THEME: NEBULA (magenta / cosmic nebula)
@@ -431,6 +433,7 @@
    BASE STYLES
    ============================================ */
 
+@layer base {
 *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
 
 html, body {
@@ -442,6 +445,7 @@ html, body {
   overflow-x: hidden;
   transition: background 0.5s;
 }
+}
 
 .bg-layer {
   position: fixed; inset: 0; z-index: 0;