Update theme colors

Merge version_1 into main

src/app/page.tsx

@@ -51,9 +51,9 @@ export default function LandingPage() {
       description="Experience artisan, locally sourced beans handcrafted in the heart of the city."
       buttons={[
         {
-          text: "View Menu",          href: "#menu"},
+          text: "View Menu",          onClick: () => document.getElementById("menu")?.scrollIntoView({ behavior: "smooth" })},
         {
-          text: "Visit Us",          href: "#location"},
+          text: "Visit Us",          onClick: () => document.getElementById("location")?.scrollIntoView({ behavior: "smooth" })},
       ]}
       mediaItems={[
         {

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fcf6ec;
+  --background: #ffffff;
-  --card: #f3ede2;
+  --card: #f9f9f9;
-  --foreground: #2e2521;
+  --foreground: #000612e6;
-  --primary-cta: #2e2521;
+  --primary-cta: #15479c;
-  --primary-cta-text: #fcf6ec;
+  --primary-cta-text: #ffffff;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #2e2521;
+  --secondary-cta-text: #000612e6;
-  --accent: #b2a28b;
+  --accent: #e2e2e2;
-  --background-accent: #b2a28b;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);