diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index b5b69bd..df46998 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,18 +1,12 @@
 import type { Metadata } from "next";
-import { Archivo } from "next/font/google";
-import { Halant } from "next/font/google";
+import { Montserrat } from "next/font/google";
 import { Inter } from "next/font/google";
 import "./globals.css";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 
-const archivo = Archivo({
-  variable: "--font-archivo",  subsets: ["latin"],
-});
-
-const halant = Halant({
-  variable: "--font-halant",  subsets: ["latin"],
-  weight: ["300", "400", "500", "600", "700"],
+const montserrat = Montserrat({
+  variable: "--font-montserrat",  subsets: ["latin"],
 });
 
 const inter = Inter({
@@ -42,7 +36,7 @@ export default function RootLayout({
     <html lang="en" suppressHydrationWarning>
       <ServiceWrapper>
         <body
-          className={`${archivo.variable} ${halant.variable} ${inter.variable} antialiased`}
+          className={`${montserrat.variable} ${inter.variable} antialiased`}
         >
           <Tag />
           {children}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index b4662e9..09832e1 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -13,16 +13,16 @@ import { Gauge, Warehouse, Zap, Trophy } from "lucide-react";
 export default function LandingPage() {
   return (
     <ThemeProvider
-      defaultButtonVariant="shift-hover"
+      defaultButtonVariant="hover-magnetic"
       defaultTextAnimation="entrance-slide"
-      borderRadius="soft"
-      contentWidth="compact"
-      sizing="medium"
-      background="floatingGradient"
-      cardStyle="solid"
-      primaryButtonStyle="double-inset"
+      borderRadius="rounded"
+      contentWidth="mediumLarge"
+      sizing="largeSmallSizeLargeTitles"
+      background="aurora"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
       secondaryButtonStyle="glass"
-      headingFontWeight="semibold"
+      headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingInline
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index e4b9ead..92551a1 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -3,22 +3,22 @@
   /* --vw is set by ThemeProvider */
 
   /* --background: #ffffff;;
-  --card: #f9f9f9;;
-  --foreground: #000612e6;;
-  --primary-cta: #106EFB;;
-  --secondary-cta: #f9f9f9;;
-  --accent: #e2e2e2;;
-  --background-accent: #106EFB;; */
+  --card: #f1f8ff;;
+  --foreground: #001122;;
+  --primary-cta: #15479c;;
+  --secondary-cta: #ffffff;;
+  --accent: #a8cce8;;
+  --background-accent: #7ba3cf;; */
 
   --background: #ffffff;;
-  --card: #f9f9f9;;
-  --foreground: #000612e6;;
-  --primary-cta: #106EFB;;
+  --card: #f1f8ff;;
+  --foreground: #001122;;
+  --primary-cta: #15479c;;
   --primary-cta-text: #ffffff;;
-  --secondary-cta: #f9f9f9;;
+  --secondary-cta: #ffffff;;
   --secondary-cta-text: #000612e6;;
-  --accent: #e2e2e2;;
-  --background-accent: #106EFB;;
+  --accent: #a8cce8;;
+  --background-accent: #7ba3cf;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
