Update src/app/styles/variables.css

Merge version_2 into main

src/app/page.tsx

@@ -56,9 +56,9 @@ export default function LandingPage() {
         { text: "Консультація", href: "https://t.me/example" },
       ]}
       mediaItems={[
-        { imageSrc: "https://images.unsplash.com/photo-1596464303290-7d7b69c73024?q=80&w=1200&auto=format&fit=crop", imageAlt: "cosmetology aesthetic treatment" },
+        { imageSrc: "https://images.unsplash.com/photo-1579154204601-01588f351e67?q=80&w=1200&auto=format&fit=crop", imageAlt: "Professional facial aesthetic procedure" },
-        { imageSrc: "https://images.unsplash.com/photo-1570172619644-dfd03d5d812e?q=80&w=1200&auto=format&fit=crop", imageAlt: "skincare specialist treatment" },
+        { imageSrc: "https://images.unsplash.com/photo-1612287230202-1ffbe388118b?q=80&w=1200&auto=format&fit=crop", imageAlt: "Cosmetology specialist skincare consultation" },
-        { imageSrc: "https://images.unsplash.com/photo-1616394584738-fc6e6122f6b7?q=80&w=1200&auto=format&fit=crop", imageAlt: "beauty salon interior" },
+        { imageSrc: "https://images.unsplash.com/photo-1595152772835-219674b2a0a6?q=80&w=1200&auto=format&fit=crop", imageAlt: "Advanced beauty salon laser treatment" },
       ]}
     />
   </div>
@@ -127,12 +127,12 @@ export default function LandingPage() {
       gridVariant="asymmetric-60-wide-40-narrow"
       useInvertedBackground={false}
       products={[
-        { id: "g1", name: "Стерильність", price: "", imageSrc: "https://images.unsplash.com/photo-1600880292203-757bb62b4baf?q=80&w=800&auto=format&fit=crop" },
+        { id: "g1", name: "Результати до-після", price: "", imageSrc: "https://images.unsplash.com/photo-1616394584738-fc6e6122f6b7?q=80&w=800&auto=format&fit=crop", imageAlt: "Skincare procedure result" },
-        { id: "g2", name: "Професійні засоби", price: "", imageSrc: "https://images.unsplash.com/photo-1598440947619-2c35fd95608d?q=80&w=800&auto=format&fit=crop" },
+        { id: "g2", name: "Професійна косметика", price: "", imageSrc: "https://images.unsplash.com/photo-1598440947619-2c35fd95608d?q=80&w=800&auto=format&fit=crop", imageAlt: "Luxury skincare product" },
-        { id: "g3", name: "Затишок", price: "", imageSrc: "https://images.unsplash.com/photo-1584028291825-4c0851e309cc?q=80&w=800&auto=format&fit=crop" },
+        { id: "g3", name: "Стерильність процедур", price: "", imageSrc: "https://images.unsplash.com/photo-1584028291825-4c0851e309cc?q=80&w=800&auto=format&fit=crop", imageAlt: "Sterile beauty clinic environment" },
       ]}
-      title="Атмосфера студії"
+      title="Наші результати"
-      description="Місце вашої трансформації"
+      description="Естетичне перетворення у деталях"
       buttons={[{ text: "Дивитися Instagram", href: "#" }]}
     />
   </div>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #F7F1EA;
+  --background: #fbfbf7;
-  --card: #FFFFFF;
+  --card: #f0ede8;
-  --foreground: #2B2420;
+  --foreground: #3a3430;
-  --primary-cta: #C8A46A;
+  --primary-cta: #8c7b70;
   --primary-cta-text: #FFFFFF;
-  --secondary-cta: #8C6A4F;
+  --secondary-cta: #d5cdc7;
   --secondary-cta-text: #FFFFFF;
-  --accent: #E8D8C8;
+  --accent: #c6bcae;
-  --background-accent: #1E1B18;
+  --background-accent: #e8e1d9;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);