Update theme colors

Merge version_1 into main

src/app/page.tsx

@@ -51,25 +51,25 @@ export default function LandingPage() {
       testimonials={[
         {
           name: "Alex R.",          handle: "@alexcode",          testimonial: "This platform turned my messy CSS into clean, professional code.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/programming-background-concept_23-2150170158.jpg",          imageAlt: "neon coding dashboard dark theme"},
+          imageSrc: "http://img.b2bpic.net/free-photo/programming-background-concept_23-2150170158.jpg?_wi=1",          imageAlt: "neon coding dashboard dark theme"},
         {
           name: "Sarah K.",          handle: "@sarahdev",          testimonial: "The gamification keeps me coming back every single day.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/ai-site-helping-with-software-production_1268-21621.jpg",          imageAlt: "code editor ui neon design"},
+          imageSrc: "http://img.b2bpic.net/free-photo/ai-site-helping-with-software-production_1268-21621.jpg?_wi=1",          imageAlt: "code editor ui neon design"},
         {
           name: "Mike J.",          handle: "@mikejs",          testimonial: "Best way to prep for frontend interviews.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-video-game-set-elements_23-2150318168.jpg",          imageAlt: "progress bar interface neon"},
+          imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-video-game-set-elements_23-2150318168.jpg?_wi=1",          imageAlt: "progress bar interface neon"},
         {
           name: "Chen W.",          handle: "@chencodes",          testimonial: "The AI feedback is remarkably accurate.",          rating: 5,
           imageSrc: "http://img.b2bpic.net/free-vector/leaderboard-with-abstract-background_23-2148762941.jpg",          imageAlt: "gamified leaderboard ui design"},
         {
           name: "Elena P.",          handle: "@elenap",          testimonial: "I earned my CSS Master badge in record time!",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-business-man_1303-19609.jpg",          imageAlt: "young developer portrait professional"},
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-business-man_1303-19609.jpg?_wi=1",          imageAlt: "young developer portrait professional"},
       ]}
       buttons={[
         {
           text: "Start Practice",          href: "#practice"},
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/programming-background-concept_23-2150170158.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/programming-background-concept_23-2150170158.jpg?_wi=2"
       mediaAnimation="blur-reveal"
       avatars={[
         {
@@ -106,7 +106,7 @@ export default function LandingPage() {
       features={[
         {
           title: "HTML Fundamentals",          description: "Master semantic structures and document object models.",          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/ai-site-helping-with-software-production_1268-21621.jpg"},
+            imageSrc: "http://img.b2bpic.net/free-photo/ai-site-helping-with-software-production_1268-21621.jpg?_wi=2"},
           items: [
             {
               icon: Code,
@@ -122,7 +122,7 @@ export default function LandingPage() {
         },
         {
           title: "CSS Layout Mastery",          description: "Flexbox, Grid, and responsive design techniques.",          media: {
-            imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-video-game-set-elements_23-2150318168.jpg"},
+            imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-video-game-set-elements_23-2150318168.jpg?_wi=2"},
           items: [
             {
               icon: LayoutGrid,
@@ -171,7 +171,7 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "t1",          name: "Alex R.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-business-man_1303-19609.jpg"},
+          id: "t1",          name: "Alex R.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-business-man_1303-19609.jpg?_wi=2"},
         {
           id: "t2",          name: "Sarah K.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-library_23-2149204750.jpg"},
         {
@@ -225,4 +225,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
-  --card: #1a1a1a;
-  --foreground: #f5f5f5;
-  --primary-cta: #dfff1c;
+  --background: #000000;
+  --card: #ffffff;
+  --foreground: #1c1c1c;
+  --primary-cta: #1c1c1c;
   --primary-cta-text: #0a0a0a;
-  --secondary-cta: #1a1a1a;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #ffffff;
-  --accent: #8b9a1b;
-  --background-accent: #5d6b00;
+  --accent: #f5f5f5;
+  --background-accent: #847878;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);