Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -77,7 +77,7 @@ export default function LandingPage() {
             { icon: Compass, label: 'Vision', value: 'Stanford' }
           ]}
           metricsAnimation="slide-up"
-          useInvertedBackground={false}
+          useInvertedBackground={true}
         />
       </div>
 
@@ -89,7 +89,7 @@ export default function LandingPage() {
           tagIcon={Sparkles}
           textboxLayout="default"
           animationType="slide-up"
-          useInvertedBackground={false}
+          useInvertedBackground={true}
           gridVariant="three-columns-all-equal-width"
           products={[
             {
@@ -127,7 +127,7 @@ export default function LandingPage() {
           tag="Essays"
           textboxLayout="default"
           animationType="slide-up"
-          useInvertedBackground={false}
+          useInvertedBackground={true}
           blogs={[
             {
               id: '1',
@@ -173,7 +173,7 @@ export default function LandingPage() {
           tag="First Principles"
           textboxLayout="default"
           animationType="slide-up"
-          useInvertedBackground={false}
+          useInvertedBackground={true}
           features={[
             {
               id: '1',
@@ -230,7 +230,7 @@ export default function LandingPage() {
           title="Let's Talk"
           description="Interested in AI systems, founder thinking, or just want to discuss ideas? I'm always open to conversations with investors, builders, and fellow thinkers."
           background={{ variant: 'sparkles-gradient' }}
-          useInvertedBackground={false}
+          useInvertedBackground={true}
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ac8t78U3tGwzyss4ErWsc06Rq2/minimalist-representation-of-connection--1772951772300-864e0191.png"
           imageAlt="Connection and communication"
           mediaAnimation="slide-up"
@@ -250,4 +250,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #000000;
-  --card: #1a2a1a;
-  --foreground: #ffffff;
-  --primary-cta: #c1e1c1;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #ffffffe6;
+  --primary-cta: #e6e6e6;
   --primary-cta-text: #0a150a;
-  --secondary-cta: #0d1a0d;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #e1f6e1;
-  --accent: #2d4a2d;
-  --background-accent: #c1e1c1;
+  --accent: #737373;
+  --background-accent: #737373;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);