src/app/page.tsx

@@ -20,9 +20,9 @@ export default function LandingPage() {
       contentWidth="medium"
       sizing="mediumSizeLargeTitles"
       background="blurBottom"
-      cardStyle="soft-shadow"
+      cardStyle="glass-elevated"
       primaryButtonStyle="radial-glow"
-      secondaryButtonStyle="radial-glow"
+      secondaryButtonStyle="glass"
       headingFontWeight="medium"
     >
       <div id="nav" data-section="nav">
@@ -97,7 +97,7 @@ export default function LandingPage() {
           tag="Photography Services"
           tagIcon={Aperture}
           textboxLayout="default"
-          animationType="slide-up"
+          animationType="blur-reveal"
           useInvertedBackground={false}
           features={[
             {
@@ -133,7 +133,7 @@ export default function LandingPage() {
           tag="Client Testimonials"
           tagIcon={Star}
           textboxLayout="default"
-          animationType="slide-up"
+          animationType="blur-reveal"
           useInvertedBackground={false}
           testimonials={[
             {

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f6f0e9;
-  --card: #efe7dd;
-  --foreground: #2b180a;
-  --primary-cta: #2b180a;
+  --background: #f5f4ef;
+  --card: #efe8e0;
+  --foreground: #1a1815;
+  --primary-cta: #2b2420;
   --primary-cta-text: #f6f0e9;
-  --secondary-cta: #efe7dd;
+  --secondary-cta: #e8e2d9;
   --secondary-cta-text: #2b180a;
-  --accent: #94877c;
-  --background-accent: #afa094;
+  --accent: #c5b8a8;
+  --background-accent: #b8a99a;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);