diff --git a/src/app/page.tsx b/src/app/page.tsx
index fe90a73..53a81a0 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,4 +1,4 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 82fa23a..4abf29b 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: #fff8f0;
-  --foreground: #2d1a0f;
-  --primary-cta: #d9300e;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #ffffffe6;
+  --primary-cta: #e6e6e6;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #ffd700;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #000f06e6;
-  --accent: #ffa500;
-  --background-accent: #ffe4b5;
+  --accent: #737373;
+  --background-accent: #737373;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);