Update theme colors

Merge version_2 into main

src/app/page.tsx

@@ -45,7 +45,7 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplit
       background={{ variant: "gradient-bars" }}
-      title="WE PUT THE FUN IN FUNDEMETAL  "
+      title="WE PUT THE FUN IN FUNDAMENTALS"
       description="Unlock your elite potential at Minnesota's premier soccer training academy. Proven coaching for players of all ages."
       buttons={[{ text: "BOOK A FREE TRIAL", href: "#contact" }, { text: "EXPLORE PROGRAMS", href: "#programs" }]}
       imageSrc="http://img.b2bpic.net/free-photo/football-concept-with-slate_23-2147832080.jpg?_wi=1"

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0A0A0A;
-  --card: #1C1C1C;
-  --foreground: #F5F0E8;
-  --primary-cta: #C9A84C;
-  --primary-cta-text: #0A0A0A;
-  --secondary-cta: #1C1C1C;
-  --secondary-cta-text: #F5F0E8;
-  --accent: #1A3A2A;
-  --background-accent: #C9A84C;
+  --background: #ffffff;
+  --card: #f9f9f9;
+  --foreground: #000612e6;
+  --primary-cta: #15479c;
+  --primary-cta-text: #ffffff;
+  --secondary-cta: #f9f9f9;
+  --secondary-cta-text: #000612e6;
+  --accent: #e2e2e2;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);