Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -46,6 +46,8 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitDoubleCarousel
+      tag="NEW 2025 MODEL"
+      tagAnimation="blur-reveal"
       background={{
         variant: "gradient-bars"}}
       title="The Ultimate Driving Machine."
@@ -80,6 +82,7 @@ export default function LandingPage() {
         {
           text: "View Specs",          href: "#performance"},
       ]}
+      buttonAnimation="blur-reveal"
       avatars={[
         {
           src: "http://img.b2bpic.net/free-photo/portrait-handsome-laughing-man_158595-4245.jpg",          alt: "User 1"},
@@ -247,4 +250,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,12 +10,12 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #000000;
-  --card: #0c0c0c;
-  --foreground: #ffffff;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #ffffffe6;
   --primary-cta: #106EFB;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #000000;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #ffffff;
   --accent: #535353;
   --background-accent: #106EFB;