Update src/app/styles/variables.css

Merge version_3 into main

src/app/shop/page.tsx

@@ -44,7 +44,7 @@ function ShopPageContent() {
                 <NavbarLayoutFloatingInline
                     brandName="Nano Mango"
                     navItems={navItemsForSubPages}
-                    button={{ text: "View Products", href: "/products" }}
+                    button={{ text: "View Products", href: "/shop" }}
                     buttonClassName="shadow-lg"
                     navItemClassName="text-foreground/80 hover:text-foreground"
                     className="backdrop-blur-sm bg-card/70"

src/app/styles/variables.css

@@ -2,23 +2,23 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #060000;;
+  /* --background: #fdfbf2;;
-  --card: #1d0d0d;;
+  --card: #fefce8;;
-  --foreground: #ffe6e6;;
+  --foreground: #2b2d21;;
-  --primary-cta: #ff3d4a;;
+  --primary-cta: #4CAF50;;
-  --secondary-cta: #1f0a0a;;
+  --secondary-cta: #FFF176;;
-  --accent: #7b2d2d;;
+  --accent: #FFC107;;
-  --background-accent: #b8111f;; */
+  --background-accent: #E8F5E9;; */
 
-  --background: #060000;;
+  --background: #fdfbf2;;
-  --card: #1d0d0d;;
+  --card: #fefce8;;
-  --foreground: #ffe6e6;;
+  --foreground: #2b2d21;;
-  --primary-cta: #ff3d4a;;
+  --primary-cta: #4CAF50;;
-  --primary-cta-text: #060000;;
+  --primary-cta-text: #FFFFFF;;
-  --secondary-cta: #1f0a0a;;
+  --secondary-cta: #FFF176;;
-  --secondary-cta-text: #ffe6e6;;
+  --secondary-cta-text: #2b2d21;;
-  --accent: #7b2d2d;;
+  --accent: #FFC107;;
-  --background-accent: #b8111f;;
+  --background-accent: #E8F5E9;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);