fix(a11y): resolve color-contrast and link-in-text-block WCAG violations

components/blog/PowerCTA.tsx

@@ -19,13 +19,13 @@ export default function PowerCTA({ locale }: PowerCTAProps) {
       <div className="absolute top-0 right-0 w-64 h-64 bg-primary/20 rounded-full blur-3xl -mr-32 -mt-32 transition-transform group-hover:scale-110 duration-1000" />
 
       <div className="relative z-10">
-        <div className="inline-block px-4 py-1 bg-accent/20 text-accent text-xs font-bold uppercase tracking-[0.2em] rounded-full mb-8">
+        <div className="inline-block px-4 py-1 bg-primary-light/20 text-primary-light text-xs font-bold uppercase tracking-[0.2em] rounded-full mb-8">
           {isDe ? 'Lösungen' : 'Solutions'}
         </div>
 
         <h3 className="text-2xl md:text-4xl font-bold text-white mb-8 leading-tight">
           {isDe ? 'Bereit für die' : 'Ready for the'}
-          <span className="text-accent block">{isDe ? 'Energiewende?' : 'Energy Transition?'}</span>
+          <span className="text-primary-light block">{isDe ? 'Energiewende?' : 'Energy Transition?'}</span>
         </h3>
 
         <p className="text-xl text-white/90 mb-10 leading-relaxed max-w-2xl">
@@ -46,9 +46,9 @@ export default function PowerCTA({ locale }: PowerCTAProps) {
               : 'Certified quality according to EU standards',
           ].map((item, i) => (
             <div key={i} className="flex items-center gap-4 text-white/90">
-              <div className="w-6 h-6 rounded-full bg-accent/20 flex items-center justify-center flex-shrink-0">
+              <div className="w-6 h-6 rounded-full bg-primary-light/20 flex items-center justify-center flex-shrink-0">
                 <svg
-                  className="w-3 h-3 text-accent"
+                  className="w-3 h-3 text-primary-light"
                   fill="none"
                   stroke="currentColor"
                   viewBox="0 0 24 24"

components/layout/Footer.tsx

@@ -40,7 +40,7 @@ export function Footer({ companyInfo }: FooterProps) {
                 className="object-contain object-left transition-transform duration-500 group-hover/logo:scale-105 origin-left"
               />
             </TransitionLink>
-            <p className="text-white/60 text-base leading-relaxed max-w-sm">
+            <p className="text-neutral-400 text-base leading-relaxed max-w-sm">
               {locale === 'de' 
                 ? 'Die Experten für Kabeltiefbau, Horizontalspülbohrungen und umfassende Infrastrukturprojekte. Qualität und Zuverlässigkeit aus Guben.'
                 : 'Experts in cable construction, horizontal directional drilling, and comprehensive infrastructure projects. Quality and reliability from Guben.'}
@@ -54,18 +54,18 @@ export function Footer({ companyInfo }: FooterProps) {
                   <svg xmlns="http://www.w3.org/2000/svg" className="w-5 h-5 text-primary" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /></svg>
                 </div>
                 <div>
-                  <p className="text-xs text-white/40 uppercase tracking-wider mb-1 font-heading">{locale === 'de' ? 'Hauptsitz' : 'Headquarters'}</p>
-                  <p className="whitespace-pre-line font-medium text-white/90">{companyInfo.address}</p>
+                  <p className="text-xs text-neutral-400 uppercase tracking-wider mb-1 font-heading">{locale === 'de' ? 'Hauptsitz' : 'Headquarters'}</p>
+                  <p className="whitespace-pre-line font-medium text-neutral-200">{companyInfo.address}</p>
                 </div>
               </div>
               <div className="grid grid-cols-2 gap-3 md:gap-4">
                 <a href={`mailto:${companyInfo.contactEmail}`} className="flex flex-col gap-2 p-4 rounded-2xl bg-white/[0.03] border border-white/[0.05] hover:bg-white/[0.08] hover:border-primary/30 transition-all group/contact cursor-pointer">
-                  <p className="text-xs text-white/40 uppercase tracking-wider font-heading">E-Mail</p>
-                  <p className="font-medium text-white/90 group-hover/contact:text-primary transition-colors truncate">{companyInfo.contactEmail}</p>
+                  <p className="text-xs text-neutral-400 uppercase tracking-wider font-heading">E-Mail</p>
+                  <p className="font-medium text-neutral-200 group-hover/contact:text-primary transition-colors truncate">{companyInfo.contactEmail}</p>
                 </a>
                 <a href={`tel:${companyInfo.contactPhone.replace(/\s+/g, '')}`} className="flex flex-col gap-2 p-4 rounded-2xl bg-white/[0.03] border border-white/[0.05] hover:bg-white/[0.08] hover:border-primary/30 transition-all group/contact cursor-pointer">
-                  <p className="text-xs text-white/40 uppercase tracking-wider font-heading">{locale === 'de' ? 'Telefon' : 'Phone'}</p>
-                  <p className="font-medium text-white/90 group-hover/contact:text-primary transition-colors truncate">{companyInfo.contactPhone}</p>
+                  <p className="text-xs text-neutral-400 uppercase tracking-wider font-heading">{locale === 'de' ? 'Telefon' : 'Phone'}</p>
+                  <p className="font-medium text-neutral-200 group-hover/contact:text-primary transition-colors truncate">{companyInfo.contactPhone}</p>
                 </a>
               </div>
             </div>
@@ -91,7 +91,7 @@ export function Footer({ companyInfo }: FooterProps) {
                 { label: locale === 'de' ? 'Kontakt' : 'Contact', href: `/${locale}/${locale === 'de' ? 'kontakt' : 'contact'}` },
               ].map((link) => (
                 <li key={link.href}>
-                  <TransitionLink href={link.href} className="group/link flex items-center text-white/60 hover:text-white transition-colors py-1 cursor-pointer">
+                  <TransitionLink href={link.href} className="group/link flex items-center text-neutral-400 hover:text-white transition-colors py-1 cursor-pointer">
                     <span className="w-0 h-px bg-primary mr-0 group-hover/link:w-4 group-hover/link:mr-3 transition-all duration-300" />
                     <span className="font-medium">{link.label}</span>
                   </TransitionLink>
@@ -114,8 +114,8 @@ export function Footer({ companyInfo }: FooterProps) {
                 { label: locale === 'de' ? 'AGB' : 'Terms', href: `/${locale}/${locale === 'de' ? 'agb' : 'terms'}` },
               ].map((link) => (
                 <li key={link.href}>
-                  <TransitionLink href={link.href} className="group/link flex items-center text-white/50 hover:text-white transition-colors py-1 cursor-pointer">
-                    <span className="w-0 h-px bg-white/30 mr-0 group-hover/link:w-3 group-hover/link:mr-3 transition-all duration-300" />
+                  <TransitionLink href={link.href} className="group/link flex items-center text-neutral-400 hover:text-white transition-colors py-1 cursor-pointer">
+                    <span className="w-0 h-px bg-neutral-500 mr-0 group-hover/link:w-3 group-hover/link:mr-3 transition-all duration-300" />
                     <span className="font-medium">{link.label}</span>
                   </TransitionLink>
                 </li>
@@ -133,12 +133,12 @@ export function Footer({ companyInfo }: FooterProps) {
       <div className="container relative z-10">
         <div className="flex flex-col md:flex-row justify-between items-center gap-4 md:gap-6 py-4 px-5 md:py-6 md:px-8 rounded-2xl bg-white/[0.02] border border-white/5 backdrop-blur-md text-center md:text-left">
           <div className="flex flex-col md:flex-row items-center gap-4 md:gap-6 h-full">
-            <p className="text-white/50 text-xs font-medium m-0">&copy; {new Date().getFullYear()} E-TIB GmbH. {locale === 'de' ? 'Alle Rechte vorbehalten.' : 'All rights reserved.'}</p>
+            <p className="text-neutral-400 text-xs font-medium m-0">&copy; {new Date().getFullYear()} E-TIB GmbH. {locale === 'de' ? 'Alle Rechte vorbehalten.' : 'All rights reserved.'}</p>
             
-            <div className="hidden md:block w-px h-3 bg-white/10" />
+            <div className="hidden md:block w-px h-3 bg-neutral-800" />
             
-            <div className="flex items-center gap-3 text-white/30 text-xs">
-              <a href="https://mintel.me" target="_blank" rel="noopener noreferrer" className="hover:text-white/60 transition-colors flex items-center gap-2">
+            <div className="flex items-center gap-3 text-neutral-400 text-xs">
+              <a href="https://mintel.me" target="_blank" rel="noopener noreferrer" className="hover:text-neutral-200 transition-colors flex items-center gap-2">
                 <span>Designed & Engineered by Mintel</span>
               </a>
               {process.env.NEXT_PUBLIC_APP_VERSION && (
@@ -163,11 +163,11 @@ export function Footer({ companyInfo }: FooterProps) {
         </div>
 
         {/* Quality Badges */}
-        <div className="mt-4 md:mt-6 flex flex-wrap justify-center gap-x-4 gap-y-3 md:gap-x-8 md:gap-y-4 text-white/30 text-[10px] md:text-xs font-medium uppercase tracking-wider px-2">
-          <div className="flex items-center gap-2"><ShieldCheck className="w-4 h-4 text-white/40" /><span>SSL Secured</span></div>
-          <div className="flex items-center gap-2"><Leaf className="w-4 h-4 text-primary/60" /><span>Green Hosting</span></div>
-          <div className="flex items-center gap-2"><Lock className="w-4 h-4 text-white/40" /><span>DSGVO Compliant</span></div>
-          <div className="flex items-center gap-2"><Zap className="w-4 h-4 text-white/40" /><span>High Performance</span></div>
+        <div className="mt-4 md:mt-6 flex flex-wrap justify-center gap-x-4 gap-y-3 md:gap-x-8 md:gap-y-4 text-neutral-400 text-[10px] md:text-xs font-medium uppercase tracking-wider px-2">
+          <div className="flex items-center gap-2"><ShieldCheck className="w-4 h-4 text-neutral-400" /><span>SSL Secured</span></div>
+          <div className="flex items-center gap-2"><Leaf className="w-4 h-4 text-primary" /><span>Green Hosting</span></div>
+          <div className="flex items-center gap-2"><Lock className="w-4 h-4 text-neutral-400" /><span>DSGVO Compliant</span></div>
+          <div className="flex items-center gap-2"><Zap className="w-4 h-4 text-neutral-400" /><span>High Performance</span></div>
         </div>
       </div>
     </footer>

components/layout/LanguageSwitcher.tsx

@@ -73,7 +73,7 @@ export function LanguageSwitcher({ mobile = false, isSolidMode = false }: Langua
         } else {
           linkClass = isSolidMode 
             ? 'text-text-secondary hover:text-primary' 
-            : 'text-white/70 hover:text-white';
+            : 'text-white/90 hover:text-white';
         }
 
         const currentLocObj = locales.find(l => l.code === currentLocale) || locales[0];