Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -18,14 +18,14 @@ export default function LandingPage() {
     <ThemeProvider
         defaultButtonVariant="elastic-effect"
         defaultTextAnimation="entrance-slide"
-        borderRadius="pill"
-        contentWidth="compact"
+        borderRadius="soft"
+        contentWidth="mediumSmall"
         sizing="medium"
-        background="none"
-        cardStyle="inset"
-        primaryButtonStyle="primary-glow"
-        secondaryButtonStyle="solid"
-        headingFontWeight="medium"
+        background="noiseDiagonalGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
@@ -51,7 +51,7 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitDualMedia
       background={{
-        variant: "gradient-bars"}}
+        variant: "sparkles-gradient"}}
       title="Hamburgs warmer Ort für Frühstück, Kaffee & Orient."
       description="Spanisch-marokkanisches Café & Bistro in Hamburg Neustadt — mit hausgemachten Spezialitäten, Frühstück, Brunch, Kaffee und mediterranen Momenten."
       tag="Neu in Neustadt"

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-manrope), sans-serif;
+  font-family: var(--font-libre-baskerville), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-manrope), sans-serif;
+  font-family: var(--font-libre-baskerville), sans-serif;
 }

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #FFF8EF;
-  --card: #F6D7A8;
-  --foreground: #2A1710;
-  --primary-cta: #8B4D22;
+  --background: #f5f4ef;
+  --card: #efe7dd;
+  --foreground: #2b180a;
+  --primary-cta: #2b180a;
   --primary-cta-text: #FFF8EF;
-  --secondary-cta: #FFF8EF;
+  --secondary-cta: #efe7dd;
   --secondary-cta-text: #2A1710;
-  --accent: #C78B53;
-  --background-accent: #E6D3B8;
+  --accent: #94877c;
+  --background-accent: #afa094;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);