style: enforce global CSS utility classes for theme accent colors

src/components/Footer.astro

@@ -18,8 +18,9 @@ const currentYear = new Date().getFullYear();
       <!-- Brand logo/name -->
       <div>
         <a href="#" class="text-lg font-bold tracking-wider text-slate-900 dark:text-white">
-          {siteConfig.header?.brandName || 'N&D'} <span class="text-brand-arcticBlue">{siteConfig.header?.brandHighlight || 'i-t SOLUTIONS'}</span>
+          {siteConfig.header?.brandName || 'N&D'} <span class="text-accent">{siteConfig.header?.brandHighlight || 'i-t SOLUTIONS'}</span>
         </a>
+
         <p class="mt-2 text-xs text-slate-500 dark:text-gray-500 max-w-sm">
           {footer.brandDescription}
         </p>

src/components/Navbar.astro

@@ -21,10 +21,11 @@ const header = siteConfig.header || {
       <!-- Logo -->
       <a href="#" class="flex items-center gap-2 group">
         <span class="text-lg sm:text-xl font-bold tracking-wider text-slate-900 dark:text-white select-none transition-colors duration-300">
-          {header.brandName || 'N&D'} <span class="text-brand-arcticBlue">{header.brandHighlight || 'i-t SOLUTIONS'}</span>
+          {header.brandName || 'N&D'} <span class="text-accent">{header.brandHighlight || 'i-t SOLUTIONS'}</span>
         </span>
       </a>
 
+
       <!-- Desktop Nav Links -->
       <nav class="hidden md:flex items-center gap-8">
         <a href="#services" class="text-xs tracking-wider uppercase font-medium text-slate-600 dark:text-zinc-400 hover:text-brand-arcticBlue dark:hover:text-brand-arcticBlue transition-colors">Leistungen</a>

src/styles/glassmorphism.css

@@ -12,6 +12,18 @@ body {
   color: var(--theme-text) !important;
 }
 
+.text-accent {
+  color: var(--theme-accent) !important;
+}
+
+.bg-accent {
+  background-color: var(--theme-accent) !important;
+}
+
+.border-accent {
+  border-color: var(--theme-accent) !important;
+}
+
 .glass-panel {
   background: var(--theme-card-bg);
   backdrop-filter: blur(16px);
@@ -29,6 +41,7 @@ body {
   box-shadow: 0 0 25px -5px var(--theme-accent);
 }
 
+
 .aurora-glow {
   position: absolute;
   border-radius: 50%;