Update theme colors

Merge version_3 into main

src/app/page.tsx

@@ -46,7 +46,9 @@ export default function LandingPage() {
       title="Welcome Back to Your Third Place"
       description="Experience the warmth of our handcrafted coffee and the speed of modern ordering. Join our rewards program to earn stars on every sip."
       buttons={[{ text: "Order Ahead", href: "#" }, { text: "Join Rewards", href: "#" }]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DDYWsP3qxDEp1HhVs1eZYJ7aHW/a-high-end-premium-coffee-shot-of-a-stea-1778251527665-f48eccd7.png"
+      videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/assets/coffee-pour.mp4"
+      videoAriaLabel="Automatic coffee pour animation"
+      showBlur={true}
       avatars={[
         { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DDYWsP3qxDEp1HhVs1eZYJ7aHW/a-happy-customer-enjoying-a-coffee-in-a--1778251558205-e6af6f28.png", alt: "Customer 1" },
         { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DDYWsP3qxDEp1HhVs1eZYJ7aHW/business-professional-having-a-morning-m-1778251567086-e4521ccd.png", alt: "Customer 2" },
@@ -72,7 +74,7 @@ export default function LandingPage() {
 
   <div id="menu" data-section="menu">
       <ProductCardFour
-      animationType="slide-up"
+      animationType="scale-rotate"
       textboxLayout="split"
       gridVariant="bento-grid"
       useInvertedBackground={false}
@@ -91,7 +93,7 @@ export default function LandingPage() {
 
   <div id="rewards" data-section="rewards">
       <MetricCardOne
-      animationType="slide-up"
+      animationType="depth-3d"
       textboxLayout="split"
       gridVariant="bento-grid"
       useInvertedBackground={false}
@@ -157,4 +159,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fafffb;
+  --background: #000000;
-  --card: #f7fffa;
+  --card: #1a2f1d;
-  --foreground: #001a0a;
+  --foreground: #ffffff;
-  --primary-cta: #0a7039;
+  --primary-cta: #ffffff;
-  --primary-cta-text: #fafffb;
+  --primary-cta-text: #0a1a0c;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #0d200f;
-  --secondary-cta-text: #001a0a;
+  --secondary-cta-text: #d4f6d8;
-  --accent: #a8d9be;
+  --accent: #1a3d1f;
-  --background-accent: #6bbf8e;
+  --background-accent: #355e3b;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);