Update theme colors

Merge version_2 into main

src/app/blog/page.tsx

@@ -10,6 +10,22 @@ import FooterSimple from '@/components/sections/footer/FooterSimple';
 export default function BlogPage() {
     const { posts, isLoading } = useBlogPosts();
 
+    const unifiedNavItems = [
+      { name: 'Home', id: '/' },
+      { name: 'Products', id: '/products' },
+      { name: 'Shop', id: '/shop' },
+      { name: 'Blog', id: '/blog' },
+      { name: 'About', id: '/#about' },
+      { name: 'Testimonials', id: '/#testimonials' },
+      { name: 'Contact', id: '/#contact' }
+    ];
+  
+    const unifiedFooterColumns = [
+      { title: 'Explore', items: [{ label: 'Home', href: '/' }, { label: 'Products', href: '/products' }, { label: 'About Us', href: '/#about' }] },
+      { title: 'Connect', items: [{ label: 'Contact', href: '/#contact' }, { label: 'Instagram', href: 'https://www.instagram.com/pia.coffeeshop' }] },
+      { title: 'Legal', items: [{ label: 'Privacy Policy', href: '/privacy' }, { label: 'Terms of Service', href: '/terms' }] }
+    ];
+
     return (
         <ThemeProvider
             defaultButtonVariant="text-shift"
@@ -25,13 +41,7 @@ export default function BlogPage() {
         >
             <ReactLenis root>
                 <NavbarStyleFullscreen
-                    navItems={[
+                    navItems={unifiedNavItems}
-                        { name: "Home", id: "/" },
-                        { name: "About", id: "/#about" },
-                        { name: "Menu", id: "/#menu" },
-                        { name: "Testimonials", id: "/#testimonials" },
-                        { name: "Contact", id: "/#contact" }
-                    ]}
                     brandName="Pia"
                     bottomLeftText="Experience the perfect brew."
                     bottomRightText="hello@piacoffee.com"
@@ -53,31 +63,11 @@ export default function BlogPage() {
                 )}
 
                 <FooterSimple
-                    columns={[
+                    columns={unifiedFooterColumns}
-                        {
-                            title: "Explore",                            items: [
-                                { label: "Home", href: "/" },
-                                { label: "Menu", href: "/#menu" },
-                                { label: "About Us", href: "/#about" }
-                            ]
-                        },
-                        {
-                            title: "Connect",                            items: [
-                                { label: "Contact", href: "/#contact" },
-                                { label: "Instagram", href: "https://www.instagram.com/pia.coffeeshop" }
-                            ]
-                        },
-                        {
-                            title: "Legal",                            items: [
-                                { label: "Privacy Policy", href: "/privacy" },
-                                { label: "Terms of Service", href: "/terms" }
-                            ]
-                        }
-                    ]}
                     bottomLeftText="© 2024 Pia Coffeeshop. All rights reserved."
                     bottomRightText="Crafted with care by Pia"
                 />
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}

src/app/layout.tsx

@@ -12,7 +12,8 @@ export const metadata: Metadata = {
   title: "Pia Coffeeshop | Your Daily Brew of Happiness",  description: "Experience the warmth and community of Pia Coffeeshop. Enjoy artisanal coffee, freshly baked pastries, and a cozy atmosphere perfect for any moment.",  openGraph: {
     title: "Pia Coffeeshop",    description: "Experience the warmth and community of Pia Coffeeshop. Enjoy artisanal coffee, freshly baked pastries, and a cozy atmosphere perfect for any moment.",    url: "https://www.piacoffee.com",    siteName: "Pia Coffeeshop",    images: [
       {
-        url: "https://img.b2bpic.net/free-photo/portrait-smiling-waitress-using-coffee-machine_107420-12297.jpg",        alt: "Cozy coffeeshop interior"      }
+        url: "https://img.b2bpic.net/free-photo/portrait-smiling-waitress-using-coffee-machine_107420-12297.jpg",        alt: "Cozy coffeeshop interior"
+      }
     ]
   },
   twitter: {
@@ -1404,4 +1405,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -12,6 +12,22 @@ import FooterSimple from '@/components/sections/footer/FooterSimple';
 import { Coffee, Home } from "lucide-react";
 
 export default function SitePage() {
+  const unifiedNavItems = [
+    { name: 'Home', id: '/' },
+    { name: 'Products', id: '/products' },
+    { name: 'Shop', id: '/shop' },
+    { name: 'Blog', id: '/blog' },
+    { name: 'About', id: '/#about' },
+    { name: 'Testimonials', id: '/#testimonials' },
+    { name: 'Contact', id: '/#contact' }
+  ];
+
+  const unifiedFooterColumns = [
+    { title: 'Explore', items: [{ label: 'Home', href: '/' }, { label: 'Products', href: '/products' }, { label: 'About Us', href: '/#about' }] },
+    { title: 'Connect', items: [{ label: 'Contact', href: '/#contact' }, { label: 'Instagram', href: 'https://www.instagram.com/pia.coffeeshop' }] },
+    { title: 'Legal', items: [{ label: 'Privacy Policy', href: '/privacy' }, { label: 'Terms of Service', href: '/terms' }] }
+  ];
+
   return (
     <ThemeProvider
       defaultButtonVariant="text-shift"
@@ -27,7 +43,7 @@ export default function SitePage() {
     >
       <div id="nav" data-section="nav">
         <NavbarStyleFullscreen 
-          navItems={[{name: 'Home', id: '#home'}, {name: 'About', id: '#about'}, {name: 'Menu', id: '#menu'}, {name: 'Testimonials', id: '#testimonials'}, {name: 'Contact', id: '#contact'}]}
+          navItems={unifiedNavItems}
           brandName="Pia"
           bottomLeftText="Experience the perfect brew."
           bottomRightText="hello@piacoffee.com"
@@ -46,7 +62,7 @@ export default function SitePage() {
             { videoSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_34my1kGeblbsCcwUUCcjBY9WFkg/uploaded-1771684785214-9g6egt6v.mp4', imageAlt: 'Barista making latte art' },
             { imageSrc: 'https://img.b2bpic.net/free-photo/smiley-friends-cafe-enjoying-their-time_23-2148735439.jpg?_wi=1', imageAlt: 'Customer enjoying coffee in a cafe' }
           ]}
-          buttons={[{ text: 'View Our Menu', href: '#menu' }, { text: 'Find Us', href: '#contact' }]}
+          buttons={[{ text: 'View Our Products', href: '/products' }, { text: 'Find Us', href: '#contact' }]} // Updated link
           tag="Welcome to Pia"
           tagIcon={Coffee}
         />
@@ -72,7 +88,7 @@ export default function SitePage() {
           tag="Our Approach"
           features={[
             { id: 1, title: 'Artisanal Coffee', description: 'We source premium beans from sustainable farms worldwide, meticulously roasting and brewing each cup to perfection.', imageSrc: 'https://img.b2bpic.net/free-photo/close-up-hands-holding-coffee-cup_23-2148865570.jpg', imageAlt: 'Barista pouring latte art' },
-            { id: 2, title: 'Freshly Baked Delights', description: 'Our menu features an array of pastries and snacks, baked fresh daily with high-quality ingredients to complement your coffee.', imageSrc: 'https://img.b2bpic.net/free-photo/smoke-rises-from-roasted-coffee-beans-coffee-mug-lies-fragrant-coffee-selective-focus-beans_166373-2305.jpg', imageAlt: 'Freshly baked croissant and coffee beans' },
+            { id: 2, title: 'Freshly Baked Delights', description: 'Our menu features an array of pastries and snacks, baked fresh daily with high-quality ingredients to complement your coffee.', imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_34my1kGeblbsCcwUUCcjBY9WFkg/uploaded-1770825104898-3rxkvw3f.jpg', imageAlt: 'Freshly baked croissant and coffee beans' },
             { id: 3, title: 'Cozy Ambiance', description: 'Relax in our thoughtfully designed space, perfect for work, conversations, or simply enjoying a moment of peace.', imageSrc: 'https://img.b2bpic.net/free-photo/spending-christmas-cafe_53876-95337.jpg', imageAlt: 'Cozy cafe interior with warm lighting' }
           ]}
           textboxLayout="default"
@@ -118,7 +134,7 @@ export default function SitePage() {
       <div id="contact" data-section="contact">
         <ContactText
           text="Visit Pia today and let us brighten your day with a perfect cup."
-          buttons={[{ text: 'Get Directions', href: 'https://maps.app.goo.gl/YourPiaLocation' }, { text: 'Contact Us', href: 'mailto:hello@piacoffee.com' }]} 
+          buttons={[{ text: 'Get Directions', href: 'https://maps.app.goo.gl/YourPiaLocation' }, { text: 'Contact Us', href: 'mailto:hello@piacoffee.com' }]}
           background={{ variant: 'plain' }}
           useInvertedBackground={true}
           animationType="entrance-slide"
@@ -127,15 +143,11 @@ export default function SitePage() {
 
       <div id="footer" data-section="footer">
         <FooterSimple 
-          columns={[
+          columns={unifiedFooterColumns}
-            { title: 'Explore', items: [{ label: 'Home', href: '#home' }, { label: 'Menu', href: '#menu' }, { label: 'About Us', href: '#about' }] },
-            { title: 'Connect', items: [{ label: 'Contact', href: '#contact' }, { label: 'Instagram', href: 'https://www.instagram.com/pia.coffeeshop' }] },
-            { title: 'Legal', items: [{ label: 'Privacy Policy', href: '/privacy' }, { label: 'Terms of Service', href: '/terms' }] }
-          ]}
           bottomLeftText="© 2024 Pia Coffeeshop. All rights reserved."
           bottomRightText="Crafted with care by Pia"
         />
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/products/page.tsx

@@ -0,0 +1,76 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+
+export default function ProductsPage() {
+  const unifiedNavItems = [
+    { name: 'Home', id: '/' },
+    { name: 'Products', id: '/products' },
+    { name: 'Shop', id: '/shop' },
+    { name: 'Blog', id: '/blog' },
+    { name: 'About', id: '/#about' },
+    { name: 'Testimonials', id: '/#testimonials' },
+    { name: 'Contact', id: '/#contact' }
+  ];
+
+  const unifiedFooterColumns = [
+    { title: 'Explore', items: [{ label: 'Home', href: '/' }, { label: 'Products', href: '/products' }, { label: 'About Us', href: '/#about' }] },
+    { title: 'Connect', items: [{ label: 'Contact', href: '/#contact' }, { label: 'Instagram', href: 'https://www.instagram.com/pia.coffeeshop' }] },
+    { title: 'Legal', items: [{ label: 'Privacy Policy', href: '/privacy' }, { label: 'Terms of Service', href: '/terms' }] }
+  ];
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-shift"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="medium"
+      sizing="largeSizeMediumTitles"
+      background="floatingGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="double-inset"
+      secondaryButtonStyle="glass"
+      headingFontWeight="extrabold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          navItems={unifiedNavItems}
+          brandName="Pia"
+          bottomLeftText="Experience the perfect brew."
+          bottomRightText="hello@piacoffee.com"
+        />
+      </div>
+
+      <div id="products-list" data-section="products-list">
+        <ProductCardFour
+          title="Our Full Product Catalog"
+          description="Discover our extensive range of premium coffees, teas, and delicious pastries."
+          tag="All Products"
+          products={[
+            { id: '1', name: 'Espresso Macchiato', price: '$4.50', variant: 'Rich & Bold', imageSrc: 'https://img.b2bpic.net/free-photo/coffee-cup-with-cookies-coffee-beans-grinded-coffee-cinnamon-sticks-top-view-grey-plaster-background_176474-64438.jpg?_wi=2', imageAlt: 'Espresso Macchiato' },
+            { id: '2', name: 'Cappuccino', price: '$5.00', variant: 'Creamy & Frothy', imageSrc: 'https://img.b2bpic.net/free-photo/close-up-coffee-with-heart_1203-1992.jpg?_wi=2', imageAlt: 'Cappuccino with latte art' },
+            { id: '3', name: 'Almond Croissant', price: '$3.75', variant: 'Flaky & Sweet', imageSrc: 'https://img.b2bpic.net/free-photo/bakery-atmospheric-photo_1321-4640.jpg?_wi=2', imageAlt: 'Almond Croissant' },
+            { id: '4', name: 'Cold Brew', price: '$5.50', variant: 'Smooth & Refreshing', imageSrc: 'https://img.b2bpic.net/free-photo/smiley-friends-cafe-enjoying-their-time_23-2148735439.jpg?_wi=2', imageAlt: 'Cold Brew coffee' },
+            { id: '5', name: 'Latte', price: '$5.25', variant: 'Smooth & Milky', imageSrc: 'https://img.b2bpic.net/free-photo/coffee-latte-art-cafe_1416-2495.jpg', imageAlt: 'Latte with art' },
+            { id: '6', name: 'Matcha Latte', price: '$5.75', variant: 'Earthy & Vibrant', imageSrc: 'https://img.b2bpic.net/free-photo/matcha-tea-cup-top-view_109151-17182.jpg', imageAlt: 'Matcha Latte' }
+          ]}
+          gridVariant="two-columns-alternating-heights"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterSimple
+          columns={unifiedFooterColumns}
+          bottomLeftText="© 2024 Pia Coffeeshop. All rights reserved."
+          bottomRightText="Crafted with care by Pia"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

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

@@ -74,6 +74,22 @@ function ProductPageContent({ params }: ProductPageProps) {
         await checkout(getCheckoutItems(), { successUrl: currentUrl.toString() });
     }, [cartItems, checkout, getCheckoutItems]);
 
+    const unifiedNavItems = [
+      { name: 'Home', id: '/' },
+      { name: 'Products', id: '/products' },
+      { name: 'Shop', id: '/shop' },
+      { name: 'Blog', id: '/blog' },
+      { name: 'About', id: '/#about' },
+      { name: 'Testimonials', id: '/#testimonials' },
+      { name: 'Contact', id: '/#contact' }
+    ];
+  
+    const unifiedFooterColumns = [
+      { title: 'Explore', items: [{ label: 'Home', href: '/' }, { label: 'Products', href: '/products' }, { label: 'About Us', href: '/#about' }] },
+      { title: 'Connect', items: [{ label: 'Contact', href: '/#contact' }, { label: 'Instagram', href: 'https://www.instagram.com/pia.coffeeshop' }] },
+      { title: 'Legal', items: [{ label: 'Privacy Policy', href: '/privacy' }, { label: 'Terms of Service', href: '/terms' }] }
+    ];
+
     if (isLoading) {
         return (
             <ThemeProvider
@@ -91,7 +107,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                 <ReactLenis root>
                     <div id="navbar" data-section="navbar">
                         <NavbarStyleFullscreen
-                            navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]} 
+                            navItems={unifiedNavItems}
                             brandName="Pia"
                             bottomLeftText="Experience the perfect brew."
                             bottomRightText="hello@piacoffee.com"
@@ -102,11 +118,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                     </main>
                     <div id="footer" data-section="footer">
                         <FooterSimple
-                            columns={[
+                            columns={unifiedFooterColumns}
-                                { title: "Explore", items: [{ label: "Home", href: "/" }, { label: "Menu", href: "/#menu" }, { label: "About Us", href: "/#about" }] },
-                                { title: "Connect", items: [{ label: "Contact", href: "/#contact" }, { label: "Instagram", href: "https://www.instagram.com/pia.coffeeshop" }] },
-                                { title: "Legal", items: [{ label: "Privacy Policy", href: "/privacy" }, { label: "Terms of Service", href: "/terms" }] }
-                            ]}
                             bottomLeftText="© 2024 Pia Coffeeshop. All rights reserved."
                             bottomRightText="Crafted with care by Pia"
                         />
@@ -133,7 +145,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                 <ReactLenis root>
                     <div id="navbar" data-section="navbar">
                         <NavbarStyleFullscreen
-                            navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]} 
+                            navItems={unifiedNavItems}
                             brandName="Pia"
                             bottomLeftText="Experience the perfect brew."
                             bottomRightText="hello@piacoffee.com"
@@ -152,11 +164,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                     </main>
                     <div id="footer" data-section="footer">
                         <FooterSimple
-                            columns={[
+                            columns={unifiedFooterColumns}
-                                { title: "Explore", items: [{ label: "Home", href: "/" }, { label: "Menu", href: "/#menu" }, { label: "About Us", href: "/#about" }] },
-                                { title: "Connect", items: [{ label: "Contact", href: "/#contact" }, { label: "Instagram", href: "https://www.instagram.com/pia.coffeeshop" }] },
-                                { title: "Legal", items: [{ label: "Privacy Policy", href: "/privacy" }, { label: "Terms of Service", href: "/terms" }] }
-                            ]}
                             bottomLeftText="© 2024 Pia Coffeeshop. All rights reserved."
                             bottomRightText="Crafted with care by Pia"
                         />
@@ -182,7 +190,7 @@ function ProductPageContent({ params }: ProductPageProps) {
             <ReactLenis root>
                 <div id="navbar" data-section="navbar">
                     <NavbarStyleFullscreen
-                        navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]} 
+                        navItems={unifiedNavItems}
                         brandName="Pia"
                         bottomLeftText="Experience the perfect brew."
                         bottomRightText="hello@piacoffee.com"
@@ -226,11 +234,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                 </div>
                 <div id="footer" data-section="footer">
                     <FooterSimple
-                        columns={[
+                        columns={unifiedFooterColumns}
-                            { title: "Explore", items: [{ label: "Home", href: "/" }, { label: "Menu", href: "/#menu" }, { label: "About Us", href: "/#about" }] },
-                            { title: "Connect", items: [{ label: "Contact", href: "/#contact" }, { label: "Instagram", href: "https://www.instagram.com/pia.coffeeshop" }] },
-                            { title: "Legal", items: [{ label: "Privacy Policy", href: "/privacy" }, { label: "Terms of Service", href: "/terms" }] }
-                        ]}
                         bottomLeftText="© 2024 Pia Coffeeshop. All rights reserved."
                         bottomRightText="Crafted with care by Pia"
                     />

src/app/shop/page.tsx

@@ -41,6 +41,22 @@ function ShopPageContent() {
         await checkout(getCheckoutItems(), { successUrl: currentUrl.toString() });
     }, [cartItems, checkout, getCheckoutItems]);
 
+    const unifiedNavItems = [
+      { name: 'Home', id: '/' },
+      { name: 'Products', id: '/products' },
+      { name: 'Shop', id: '/shop' },
+      { name: 'Blog', id: '/blog' },
+      { name: 'About', id: '/#about' },
+      { name: 'Testimonials', id: '/#testimonials' },
+      { name: 'Contact', id: '/#contact' }
+    ];
+  
+    const unifiedFooterColumns = [
+      { title: 'Explore', items: [{ label: 'Home', href: '/' }, { label: 'Products', href: '/products' }, { label: 'About Us', href: '/#about' }] },
+      { title: 'Connect', items: [{ label: 'Contact', href: '/#contact' }, { label: 'Instagram', href: 'https://www.instagram.com/pia.coffeeshop' }] },
+      { title: 'Legal', items: [{ label: 'Privacy Policy', href: '/privacy' }, { label: 'Terms of Service', href: '/terms' }] }
+    ];
+
     if (isLoading) {
         return (
             <ThemeProvider
@@ -58,7 +74,7 @@ function ShopPageContent() {
                 <ReactLenis root>
                     <div id="navbar" data-section="navbar">
                         <NavbarStyleFullscreen
-                            navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]} 
+                            navItems={unifiedNavItems}
                             brandName="Pia"
                             bottomLeftText="Experience the perfect brew."
                             bottomRightText="hello@piacoffee.com"
@@ -69,11 +85,7 @@ function ShopPageContent() {
                     </main>
                     <div id="footer" data-section="footer">
                         <FooterSimple
-                            columns={[
+                            columns={unifiedFooterColumns}
-                                { title: "Explore", items: [{ label: "Home", href: "/" }, { label: "Menu", href: "/#menu" }, { label: "About Us", href: "/#about" }] },
-                                { title: "Connect", items: [{ label: "Contact", href: "/#contact" }, { label: "Instagram", href: "https://www.instagram.com/pia.coffeeshop" }] },
-                                { title: "Legal", items: [{ label: "Privacy Policy", href: "/privacy" }, { label: "Terms of Service", href: "/terms" }] }
-                            ]}
                             bottomLeftText="© 2024 Pia Coffeeshop. All rights reserved."
                             bottomRightText="Crafted with care by Pia"
                         />
@@ -99,7 +111,7 @@ function ShopPageContent() {
             <ReactLenis root>
                 <div id="navbar" data-section="navbar">
                     <NavbarStyleFullscreen
-                        navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]} 
+                        navItems={unifiedNavItems}
                         brandName="Pia"
                         bottomLeftText="Experience the perfect brew."
                         bottomRightText="hello@piacoffee.com"
@@ -133,11 +145,7 @@ function ShopPageContent() {
                 </div>
                 <div id="footer" data-section="footer">
                     <FooterSimple
-                        columns={[
+                        columns={unifiedFooterColumns}
-                            { title: "Explore", items: [{ label: "Home", href: "/" }, { label: "Menu", href: "/#menu" }, { label: "About Us", href: "/#about" }] },
-                            { title: "Connect", items: [{ label: "Contact", href: "/#contact" }, { label: "Instagram", href: "https://www.instagram.com/pia.coffeeshop" }] },
-                            { title: "Legal", items: [{ label: "Privacy Policy", href: "/privacy" }, { label: "Terms of Service", href: "/terms" }] }
-                        ]}
                         bottomLeftText="© 2024 Pia Coffeeshop. All rights reserved."
                         bottomRightText="Crafted with care by Pia"
                     />
@@ -153,4 +161,4 @@ export default function ShopPage() {
             <ShopPageContent />
         </Suspense>
     );
-}
+}

src/app/styles/variables.css

@@ -2,23 +2,23 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #060000;;
+  /* --background: #060000;;;;
-  --card: #1d0d0d;;
+  --card: #1d0d0d;;;;
-  --foreground: #ffe6e6;;
+  --foreground: #eae77b;;;;
-  --primary-cta: #ff3d4a;;
+  --primary-cta: #dba000;;;;
-  --secondary-cta: #1f0a0a;;
+  --secondary-cta: #1f0a0a;;;;
-  --accent: #7b2d2d;;
+  --accent: #7b2d2d;;;;
-  --background-accent: #b8111f;; */
+  --background-accent: #b8111f;;;; */
 
-  --background: #060000;;
+  --background: #060000;;;;
-  --card: #1d0d0d;;
+  --card: #1d0d0d;;;;
-  --foreground: #ffe6e6;;
+  --foreground: #eae77b;;;;
-  --primary-cta: #ff3d4a;;
+  --primary-cta: #dba000;;;;
   --primary-cta-text: #060000;;
-  --secondary-cta: #1f0a0a;;
+  --secondary-cta: #1f0a0a;;;;
   --secondary-cta-text: #ffe6e6;;
-  --accent: #7b2d2d;;
+  --accent: #7b2d2d;;;;
-  --background-accent: #b8111f;;
+  --background-accent: #b8111f;;;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);