diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index 90bd228..940e0e2 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -91,4 +91,4 @@ export default function BlogPage() {
             </ReactLenis>
         </ThemeProvider>
     );
-}
\ No newline at end of file
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 4609d98..e72aa1f 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1410,4 +1410,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
\ No newline at end of file
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 41607e3..47188f4 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -274,4 +274,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index 2cbb9fa..0d72cf9 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -88,7 +88,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                 headingFontWeight="normal"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                     <NavbarLayoutFloatingOverlay
                         brandName="Brew & Co"
                         navItems={[
@@ -135,7 +135,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                 headingFontWeight="normal"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarLayoutFloatingOverlay
                             brandName="Brew & Co"
                             navItems={[
@@ -189,7 +189,7 @@ function ProductPageContent({ params }: ProductPageProps) {
             headingFontWeight="normal"
         >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                 <NavbarLayoutFloatingOverlay
                     brandName="Brew & Co"
                     navItems={[
@@ -252,4 +252,4 @@ function ProductPageContent({ params }: ProductPageProps) {
             </ReactLenis>
         </ThemeProvider>
     );
-}
\ No newline at end of file
+}
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index 5ce1181..b3973e9 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -33,7 +33,7 @@ function ShopPageContent() {
                 headingFontWeight="normal"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                     <NavbarLayoutFloatingOverlay
                         brandName="Brew & Co"
                         navItems={[
@@ -79,7 +79,7 @@ function ShopPageContent() {
             headingFontWeight="normal"
         >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                 <NavbarLayoutFloatingOverlay
                     brandName="Brew & Co"
                     navItems={[
@@ -125,4 +125,4 @@ export default function ShopPage() {
             <ShopPageContent />
         </Suspense>
     );
-}
\ No newline at end of file
+}
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index e311411..0d304e6 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -2,23 +2,23 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #000802;;
-  --card: #0b1a0b;;
-  --foreground: #e6ffe6;;
-  --primary-cta: #80da9b;;
-  --secondary-cta: #07170b;;
-  --accent: #38714a;;
-  --background-accent: #2c6541;; */
+  /* --background: #f7f6f7;;
+  --card: #ffffff;;
+  --foreground: #251a0c;;
+  --primary-cta: #f4c408;;
+  --secondary-cta: #ffffff;;
+  --accent: #f4ca26;;
+  --background-accent: #e8daa8;; */
 
-  --background: #000802;;
-  --card: #0b1a0b;;
-  --foreground: #e6ffe6;;
-  --primary-cta: #80da9b;;
+  --background: #f7f6f7;;
+  --card: #ffffff;;
+  --foreground: #251a0c;;
+  --primary-cta: #f4c408;;
   --primary-cta-text: #f7f6f7;;
-  --secondary-cta: #07170b;;
+  --secondary-cta: #ffffff;;
   --secondary-cta-text: #0c1325;;
-  --accent: #38714a;;
-  --background-accent: #2c6541;;
+  --accent: #f4ca26;;
+  --background-accent: #e8daa8;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);