src/app/page.tsx

@@ -58,7 +58,7 @@ export default function LandingPage() {
 
       <div id="about" data-section="about">
         <MediaAbout
-          title="Crafted With Passion"
+          title="Crafted With Passion and Purpose"
           description="At Cloud and Shine Cafe, we believe every cup tells a story. We source premium beans from ethical farmers, roast them in-house with precision, and serve each beverage as a labor of love. Our café is more than coffee—it's a gathering place where quality, community, and creativity blend seamlessly."
           tag="Our Story"
           buttons={[

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #e8f4f8;
-  --card: #f5fafb;
-  --foreground: #1a3a42;
-  --primary-cta: #87ceeb;
+  --background: #87ceeb;
+  --card: #b0e0e6;
+  --foreground: #ffffff;
+  --primary-cta: #4a90a4;
   --primary-cta-text: #f5f5f5;
   --secondary-cta: #ffffff;
   --secondary-cta-text: #1c1c1c;
-  --accent: #b0e0e6;
-  --background-accent: #87ceeb;
+  --accent: #e0f6ff;
+  --background-accent: #5da5c0;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);