Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -19,11 +19,11 @@ export default function LandingPage() {
         borderRadius="rounded"
         contentWidth="medium"
         sizing="medium"
-        background="circleGradient"
+        background="noiseDiagonalGradient"
-        cardStyle="glass-elevated"
+        cardStyle="glass-depth"
-        primaryButtonStyle="gradient"
+        primaryButtonStyle="primary-glow"
-        secondaryButtonStyle="glass"
+        secondaryButtonStyle="layered"
-        headingFontWeight="normal"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
@@ -71,7 +71,7 @@ export default function LandingPage() {
             subdescription="Mit großer, wetterfester Terrasse und direkt in der Nähe eines Spielplatzes – ideal für entspannte Nachmittage und Abende."
             imageSrc="http://img.b2bpic.net/free-photo/group-three-friends-restaurant_23-2147680761.jpg"
             icon={Droplets}
-            useInvertedBackground={false}
+            useInvertedBackground={true}
           />
         </div>
 
@@ -92,7 +92,7 @@ export default function LandingPage() {
         <div id="feature" data-section="feature">
           <FeatureCardTwentySix
             textboxLayout="default"
-            useInvertedBackground={false}
+            useInvertedBackground={true}
             title="Warum Hurikan?"
             description="Was uns zur Nummer 1 in Dúbravka macht."
             features={[
@@ -110,8 +110,8 @@ export default function LandingPage() {
             title="Hurikan Bar Dúbravka"
             description="Bratislava – Dúbravka. Nur Barzahlung möglich. Wir freuen uns auf deinen Besuch!"
             buttons={[{ text: "Auf Google Maps finden", href: "https://maps.google.com" }]}
-            background={{ variant: "plain" }}
+            background={{ variant: "sparkles-gradient" }}
-            useInvertedBackground={false}
+            useInvertedBackground={true}
           />
         </div>
 
@@ -128,4 +128,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #010912;
+  --background: #0a0a0a;
-  --card: #152840;
+  --card: #1a1a1a;
-  --foreground: #e6f0ff;
+  --foreground: #ffffffe6;
-  --primary-cta: #cee7ff;
+  --primary-cta: #e6e6e6;
   --primary-cta-text: #010912;
-  --secondary-cta: #0e1a29;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #ffffff;
-  --accent: #3f5c79;
+  --accent: #737373;
-  --background-accent: #004a93;
+  --background-accent: #737373;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);