Update src/app/styles/variables.css

Merge version_2 into main

src/app/page.tsx

@@ -202,10 +202,10 @@ export default function LandingPage() {
 
   <div id="metrics" data-section="metrics">
       <MetricCardTwo
-      animationType="slide-up"
+      animationType="depth-3d"
       textboxLayout="default"
       gridVariant="uniform-all-items-equal"
-      useInvertedBackground={true}
+      useInvertedBackground={false}
       metrics={[
         {
           id: "m1",          value: "20+",          description: "سنة من الخدمة المتميزة في قطاع المطاعم الفاخرة، نقدم أرقى التجارب."},
@@ -239,7 +239,7 @@ export default function LandingPage() {
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardFifteen
-      useInvertedBackground={true}
+      useInvertedBackground={false}
       testimonial="تجربة لا مثيل لها! الطعام مذهل والخدمة لا تشوبها شائبة. الديكور فخم والأجواء رائعة. بالتأكيد سأعود لتجربة المزيد من الأطباق اللذيذة."
       rating={5}
       author="سارة محمد، سيدة أعمال"
@@ -264,7 +264,7 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "plain"}}
+        variant: "radial-gradient"}}
       text="نحن هنا لنجعل تجربتك لا تُنسى في مطعمنا الفخم. لا تتردد في التواصل معنا للحجز أو لأي استفسار. فريقنا مستعد لخدمتكم."
       buttons={[
         {

src/app/styles/variables.css

@@ -13,12 +13,12 @@
   --background: #000000;
   --card: #0c0c0c;
   --foreground: #ffffff;
-  --primary-cta: #cee7ff;
+  --primary-cta: #106EFB;
   --primary-cta-text: #000000;
   --secondary-cta: #000000;
   --secondary-cta-text: #ffffff;
   --accent: #535353;
-  --background-accent: #CEE7FF;
+  --background-accent: #106EFB;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);