Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -80,7 +80,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",          value: "10,000+",          title: "Active Hearts",          description: "Connecting the globe.",          imageSrc: "http://img.b2bpic.net/free-photo/dry-multicolor-powder-table_23-2147964234.jpg"},
+          id: "m1",          value: "10,000+",          title: "Active Hearts",          description: "Connecting the globe.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BrDG8lQ1BxX5GtgxKo80Aofjoh/uploaded-1775238644684-bimvn3eh.png"},
       ]}
       title="World Pulse"
       description="Global connectivity, mapped in golden light."
@@ -136,4 +136,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
+  --background: #f0f8ff;
-  --card: #fbf8f1;
+  --card: #ffffff;
-  --foreground: #333333;
+  --foreground: #1a365d;
-  --primary-cta: #E6B325;
+  --primary-cta: #73b7f1;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #fbfcf8;
   --secondary-cta-text: #333333;
-  --accent: #B8DDF6;
+  --accent: #fdfaf0;
-  --background-accent: #FBF8F1;
+  --background-accent: #e0f2fe;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);