Update theme colors

Merge version_1 into main

src/app/page.tsx

@@ -75,6 +75,8 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={true}
+      featureTitleClassName="text-black"
+      featureDescriptionClassName="text-black"
       features={[
         {
           title: "Compliance Inspections",          description: "Rigorous checks ensuring every pipe and valve meets local regulations.",          media: {

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #0E2A47;
-  --primary-cta: #2AA876;
-  --primary-cta-text: #ffffff;
-  --secondary-cta: #0E2A47;
-  --secondary-cta-text: #ffffff;
-  --accent: #E8ECEF;
-  --background-accent: #2AA876;
+  --background: #f5f4f0;
+  --card: #ffffff;
+  --foreground: #1a1a1a;
+  --primary-cta: #2c2c2c;
+  --primary-cta-text: #f5f4f0;
+  --secondary-cta: #f5f4f0;
+  --secondary-cta-text: #1a1a1a;
+  --accent: #8a8a8a;
+  --background-accent: #e8e6e1;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);