Bob AI: change the purple color to black

Merge version_1 into main

src/app/page.tsx

@@ -57,9 +57,9 @@ export default function LandingPage() {
           imageAlt="Luxurious skincare products arranged elegantly on a marble surface"
           mediaAnimation="slide-up"
           marqueeItems={[
-            { type: "text", text: "100% Natural Ingredients" },
-            { type: "text", text: "Cruelty-Free Certified" },
-            { type: "text", text: "Made in Italy" }
+            { type: "text", text: "100% Natural Ingredients", icon: CheckCircle },
+            { type: "text", text: "Cruelty-Free Certified", icon: CheckCircle },
+            { type: "text", text: "Made in Italy", icon: CheckCircle }
           ]}
           showMarqueeCard={true}
           ariaLabel="Luxury skincare hero section showcasing premium products"

src/app/styles/variables.css

@@ -5,20 +5,20 @@
   /* --background: #f5f5f5;;
   --card: #ffffff;;
   --foreground: #1c1c1c;;
-  --primary-cta: #341f51;;
+  --primary-cta: #000000;;
   --secondary-cta: #ffffff;;
-  --accent: #6139e6;;
-  --background-accent: #b3a8e8;; */
+  --accent: #000000;;
+  --background-accent: #d3d3d3;; */
 
   --background: #f5f5f5;;
   --card: #ffffff;;
   --foreground: #1c1c1c;;
-  --primary-cta: #341f51;;
+  --primary-cta: #000000;;
   --primary-cta-text: #f5f5f5;;
   --secondary-cta: #ffffff;;
   --secondary-cta-text: #1c1c1c;;
-  --accent: #6139e6;;
-  --background-accent: #b3a8e8;;
+  --accent: #000000;;
+  --background-accent: #d3d3d3;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);