Update theme colors

src/app/page.tsx

@@ -33,8 +33,10 @@ export default function Page() {
             { name: "Products", id: "products" },
             { name: "About", id: "about" },
             { name: "Testimonials", id: "testimonials" },
-            { name: "Contact", id: "contact" }
+            { name: "Contact", id: "contact" },
-          ]}
+          
+            { name: "Blog", id: "/blog" },
+]}
           button={{
             text: "Order Now",            href: "contact"
           }}

src/app/styles/variables.css

@@ -2,21 +2,21 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #f5f4ef;
+  /* --background: #0a0a0a;;
-  --card: #dad6cd;
+  --card: #1a1a1a;;
-  --foreground: #2a2928;
+  --foreground: #fff5f5;;
-  --primary-cta: #2a2928;
+  --primary-cta: #ff7a7a;;
-  --secondary-cta: #ecebea;
+  --secondary-cta: #1a1a1a;;
-  --accent: #ffffff;
+  --accent: #737373;;
-  --background-accent: #ffffff; */
+  --background-accent: #737373;; */
 
-  --background: #fcf6ec;
+  --background: #0a0a0a;;
-  --card: #f3ede2;
+  --card: #1a1a1a;;
-  --foreground: #2e2521;
+  --foreground: #fff5f5;;
-  --primary-cta: #2e2521;
+  --primary-cta: #ff7a7a;;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #1a1a1a;;
-  --accent: #b2a28b;
+  --accent: #737373;;
-  --background-accent: #b2a28b;
+  --background-accent: #737373;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);