src/app/page.tsx

@@ -16,16 +16,16 @@ import { Star } from "lucide-react";
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="text-stagger"
+        defaultButtonVariant="shift-hover"
         defaultTextAnimation="reveal-blur"
         borderRadius="soft"
         contentWidth="medium"
         sizing="mediumLargeSizeLargeTitles"
-        background="floatingGradient"
-        cardStyle="layered-gradient"
-        primaryButtonStyle="shadow"
+        background="noise"
+        cardStyle="solid"
+        primaryButtonStyle="radial-glow"
         secondaryButtonStyle="solid"
-        headingFontWeight="normal"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
@@ -260,4 +260,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #efebe5;
-  --card: #f7f2ea;
-  --foreground: #000000;
-  --primary-cta: #b8860b;
+  --background: #000000;
+  --card: #0c0c0c;
+  --foreground: #ffffff;
+  --primary-cta: #cee7ff;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #000000;
   --secondary-cta-text: #000000;
-  --accent: #e1b875;
-  --background-accent: #b8860b;
+  --accent: #535353;
+  --background-accent: #CEE7FF;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);