Update src/app/styles/variables.css

Merge version_4 into main

src/app/page.tsx

@@ -162,7 +162,7 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "f1",          title: "Do you offer COD?",          content: "Yes, we offer Cash on Delivery across all major locations with no hidden fees."},
+          id: "f1",          title: "Do you offer COD?",          content: "Yes, we offer Cash on Delivery (COD) across all major locations. Simply select the 'Pay on Delivery' option at checkout, and settle the payment when your books arrive at your doorstep."},
         {
           id: "f2",          title: "How to track orders?",          content: "You will receive tracking details via email once dispatched."},
         {

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f8f9fc;
-  --foreground: #374151;
-  --primary-cta: #6C63FF;
+  --background: #f5f5f5;
+  --card: #ffffff;
+  --foreground: #1c1c1c;
+  --primary-cta: #1c1c1c;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #FFB703;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #1F2937;
-  --accent: #e2e2e2;
-  --background-accent: #c4c4c4;
+  --accent: #15479c;
+  --background-accent: #a8cce8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);