diff --git a/src/app/page.tsx b/src/app/page.tsx
index 03e30ed..a72da42 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,7 +17,7 @@ import { Wrench, Droplet, Search } from "lucide-react";
 export default function LandingPage() {
   return (
     <ThemeProvider
-      defaultButtonVariant="bounce-effect"
+      defaultButtonVariant="directional-hover"
       defaultTextAnimation="entrance-slide"
       borderRadius="rounded"
       contentWidth="medium"
diff --git a/src/app/styles/base.css b/src/app/styles/base.css
index c719d19..efe6053 100644
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-dm-sans), sans-serif;
+  font-family: var(--font-libre-baskerville), serif;
 }
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index d3d2219..da2c670 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #F8F8F6;
-  --card: #EEF1F5;
-  --foreground: #0B1F3A;
-  --primary-cta: #C9A84C;
+  --background: #f5f4f0;
+  --card: #ffffff;
+  --foreground: #1a1a1a;
+  --primary-cta: #2c2c2c;
   --primary-cta-text: #F8F8F6;
-  --secondary-cta: #0B1F3A;
+  --secondary-cta: #f5f4f0;
   --secondary-cta-text: #F8F8F6;
-  --accent: #2C5F8A;
-  --background-accent: #C9A84C;
+  --accent: #8a8a8a;
+  --background-accent: #e8e6e1;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);