Update src/app/styles/variables.css

Merge version_1 into main

src/app/about/page.tsx

@@ -11,6 +11,7 @@ export default function AboutPage() {
     { name: "Home", id: "/" },
     { name: "Products", id: "/products" },
     { name: "About", id: "/about" },
+    { name: "Blog", id: "/blog" },
     { name: "Contact", id: "/contact" }
   ];
 

src/app/blog/page.tsx

@@ -10,6 +10,7 @@ export default function BlogPage() {
     { name: "Home", id: "/" },
     { name: "Products", id: "/products" },
     { name: "About", id: "/about" },
+    { name: "Blog", id: "/blog" },
     { name: "Contact", id: "/contact" }
   ];
 

src/app/contact/page.tsx

@@ -11,6 +11,7 @@ export default function ContactPage() {
     { name: "Home", id: "/" },
     { name: "Products", id: "/products" },
     { name: "About", id: "/about" },
+    { name: "Blog", id: "/blog" },
     { name: "Contact", id: "/contact" }
   ];
 

src/app/page.tsx

@@ -15,6 +15,7 @@ export default function HomePage() {
     { name: "Home", id: "/" },
     { name: "Products", id: "/products" },
     { name: "About", id: "/about" },
+    { name: "Blog", id: "/blog" },
     { name: "Contact", id: "/contact" }
   ];
 

src/app/products/page.tsx

@@ -10,6 +10,7 @@ export default function ProductsPage() {
     { name: "Home", id: "/" },
     { name: "Products", id: "/products" },
     { name: "About", id: "/about" },
+    { name: "Blog", id: "/blog" },
     { name: "Contact", id: "/contact" }
   ];
 

src/app/shop/[id]/page.tsx

@@ -9,6 +9,7 @@ export default function ProductPage({ params }: { params: { id: string } }) {
     { name: "Home", id: "/" },
     { name: "Products", id: "/products" },
     { name: "About", id: "/about" },
+    { name: "Blog", id: "/blog" },
     { name: "Contact", id: "/contact" }
   ];
 
@@ -73,4 +74,4 @@ export default function ProductPage({ params }: { params: { id: string } }) {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/shop/page.tsx

@@ -10,6 +10,7 @@ export default function ShopPage() {
     { name: "Home", id: "/" },
     { name: "Products", id: "/products" },
     { name: "About", id: "/about" },
+    { name: "Blog", id: "/blog" },
     { name: "Contact", id: "/contact" }
   ];
 
@@ -85,4 +86,4 @@ export default function ShopPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -2,23 +2,23 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #f7f6f7;;
+  /* --background: #0a0a0a;;
-  --card: #ffffff;;
+  --card: #1a1a1a;;
-  --foreground: #032419;;
+  --foreground: #ffffffe6;;
-  --primary-cta: #2bb889;;
+  --primary-cta: #e6e6e6;;
-  --secondary-cta: #ffffff;;
+  --secondary-cta: #1a1a1a;;
-  --accent: #09b97e;;
+  --accent: #737373;;
-  --background-accent: #a8e8c3;; */
+  --background-accent: #737373;; */
 
-  --background: #f7f6f7;;
+  --background: #0a0a0a;;
-  --card: #ffffff;;
+  --card: #1a1a1a;;
-  --foreground: #032419;;
+  --foreground: #ffffffe6;;
-  --primary-cta: #2bb889;;
+  --primary-cta: #e6e6e6;;
-  --primary-cta-text: #f7f6f7;;
+  --primary-cta-text: #0a0a0a;;
-  --secondary-cta: #ffffff;;
+  --secondary-cta: #1a1a1a;;
-  --secondary-cta-text: #032419;;
+  --secondary-cta-text: #ffffffe6;;
-  --accent: #09b97e;;
+  --accent: #737373;;
-  --background-accent: #a8e8c3;;
+  --background-accent: #737373;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);