Update src/app/styles/variables.css

Merge version_18 into main

src/app/page.tsx

@@ -18,7 +18,7 @@ export default function LandingPage() {
         borderRadius="rounded"
         contentWidth="smallMedium"
         sizing="largeSizeMediumTitles"
-        background="floatingGradient"
+        background="none"
         cardStyle="solid"
         primaryButtonStyle="diagonal-gradient"
         secondaryButtonStyle="radial-glow"
@@ -91,7 +91,7 @@ export default function LandingPage() {
       <TestimonialCardTwo
       animationType="blur-reveal"
       textboxLayout="split"
-      useInvertedBackground={true}
+      useInvertedBackground={false}
       title="Client Reviews"
       description="What our community has to say about the Migo experience."
       testimonials={[]}
@@ -103,7 +103,7 @@ export default function LandingPage() {
       tag="Book Now"
       title="Schedule Your Visit"
       description="Ready to get fresh? Reach out and let's get you on the schedule."
-      background={{ variant: "cell-wave" }}
+      background={{ variant: "plain" }}
       useInvertedBackground={false}
       mediaPosition="right"
       imageSrc="http://img.b2bpic.net/free-photo/tools-from-barbershop-wooden-background_1303-10377.jpg"

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #010912;
+  --background: #ffffff;
-  --card: #152840;
+  --card: #f9f9f9;
-  --foreground: #e6f0ff;
+  --foreground: #1a1a1a;
-  --primary-cta: #cee7ff;
+  --primary-cta: #1c1c1c;
   --primary-cta-text: #f5f4f0;
-  --secondary-cta: #0e1a29;
+  --secondary-cta: #f0f0f0;
   --secondary-cta-text: #1a1a1a;
-  --accent: #3f5c79;
+  --accent: #e5e5e5;
-  --background-accent: #004a93;
+  --background-accent: #f4f4f4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);