Update theme colors

Merge version_4 into main

src/app/layout.tsx

@@ -1411,4 +1411,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -112,7 +112,7 @@ export default function InfernoPage() {
             "Inferno was born from a simple obsession: creating the perfect hot sauce. Founded by spice enthusiasts, we've spent years perfecting recipes and sourcing the finest ingredients from trusted farmers around the world.",            "Today, we're proud to share our passion with heat lovers everywhere. Every bottle represents our commitment to quality, authenticity, and the belief that great hot sauce should be both delicious and responsibly made.",            "Join our community and discover why thousands of food enthusiasts trust Inferno to elevate their meals."
           ]}
           buttons={[
-            { text: "Shop Now", href: "products" }
+            { text: "Order Your First Bottle", href: "products" }
           ]}
           showBorder={false}
           useInvertedBackground={false}
@@ -207,4 +207,4 @@ export default function InfernoPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -2,21 +2,21 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #ffffff;;
-  --card: #f9f9f9;;
-  --foreground: #120a00e6;;
-  --primary-cta: #ff8c42;;
-  --secondary-cta: #f9f9f9;;
-  --accent: #e2e2e2;;
-  --background-accent: #c4c4c4;; */
+  /* --background: #060000;;;
+  --card: #1d0d0d;;;
+  --foreground: #ffe6e6;;;
+  --primary-cta: #ff3d4a;;;
+  --secondary-cta: #1f0a0a;;;
+  --accent: #7b2d2d;;;
+  --background-accent: #b8111f;;; */
 
-  --background: #ffffff;;
-  --card: #f9f9f9;;
-  --foreground: #120a00e6;;
-  --primary-cta: #ff8c42;;
-  --secondary-cta: #f9f9f9;;
-  --accent: #e2e2e2;;
-  --background-accent: #c4c4c4;;
+  --background: #060000;;;
+  --card: #1d0d0d;;;
+  --foreground: #ffe6e6;;;
+  --primary-cta: #ff3d4a;;;
+  --secondary-cta: #1f0a0a;;;
+  --accent: #7b2d2d;;;
+  --background-accent: #b8111f;;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);