Update theme colors

Merge version_4 into main

src/app/page.tsx

@@ -48,6 +48,7 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroCarouselLogo
       logoText="Trinz Media"
+      logoClassName="text-black"
       description="Wir verwandeln deine Vision in fesselnde Videos und stärken deine Marke durch maßgeschneidertes Coaching – für mehr Sichtbarkeit und nachhaltigen Erfolg."
       descriptionClassName="text-black"
       buttons={[
@@ -228,6 +229,7 @@ export default function LandingPage() {
         },
       ]}
       logoText="Trinz Media"
+      logoTextClassName="text-black"
       copyrightText="© 2025 Trinz Media. Alle Rechte vorbehalten."
     />
   </div>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #F9F9F9;
-  --card: #FFFFFF;
-  --foreground: #1A1A1A;
-  --primary-cta: #000000;
-  --primary-cta-text: #FFFFFF;
-  --secondary-cta: #FFFFFF;
+  --background: #5f5f5f;
+  --card: #f7f2ea;
+  --foreground: #000000;
+  --primary-cta: #962EFF;
+  --primary-cta-text: #efebe5;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #525252;
   --accent: #962EFF;
-  --background-accent: #F0F0F0;
+  --background-accent: #ededed;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);