diff --git a/src/app/page.tsx b/src/app/page.tsx
index 856ba8b..5610fcd 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -95,7 +95,7 @@ export default function LandingPage() {
           />
         </div>
 
-        <div id="legal" data-section="legal">
+        <div id="legal" data-section="legal" style={{ backgroundColor: '#2B231F', color: '#EAE7E1', border: '1px solid #8C5638' }}>
           <LegalSection
             layout="section"
             title="TERMS OF EXCLUSIVITY"
@@ -106,7 +106,7 @@ export default function LandingPage() {
           />
         </div>
 
-        <div id="footer" data-section="footer">
+        <div id="footer" data-section="footer" style={{ backgroundColor: '#2B231F', color: '#EAE7E1', borderTop: '1px solid #8C5638' }}>
           <FooterBaseCard
             logoText="ESTATE"
             columns={[
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 7d36bfe..d1421a5 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #ffffff;
-  --foreground: #000000;
-  --primary-cta: #000000;
+  --background: #2B231F;
+  --card: #2B231F;
+  --foreground: #EAE7E1;
+  --primary-cta: #8C5638;
   --primary-cta-text: #EAE7E1;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #EAE7E1;
   --secondary-cta-text: #2B231F;
-  --accent: #1a1a1a;
-  --background-accent: #f0f0f0;
+  --accent: #8C5638;
+  --background-accent: #3B332F;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);