Update src/app/styles/variables.css

Merge version_6 into main

src/app/page.tsx

@@ -18,7 +18,7 @@ export default function LandingPage() {
       borderRadius="soft"
       contentWidth="compact"
       sizing="mediumSizeLargeTitles"
-      background="gradient"
+      background="noise"
       cardStyle="outline"
       primaryButtonStyle="gradient"
       secondaryButtonStyle="solid"
@@ -45,7 +45,7 @@ export default function LandingPage() {
 
       <div id="hero" data-section="hero">
         <HeroBillboard
-          title="La Loupe Vintage"
+          title="Late 60s – 90s Vintage"
           description="Discover wearable vintage clothing from the most iconic decades. Curated pieces, authentic styles, and sustainable fashion."
           background={{ variant: "plain" }}
           tag="Buy. Sell. Trade."

src/app/styles/variables.css

@@ -2,23 +2,23 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #ffc97c;;;;
-  --card: #FFF7E6;;;;
-  --foreground: #2B1810;;;;
-  --primary-cta: #C97A4A;;;;
-  --secondary-cta: #FFF7E6;;;;
-  --accent: #CFE3C8;;;;
-  --background-accent: #6F8665;;;; */
+  /* --background: #F3E27A;;
+  --card: #FFF7E6;;
+  --foreground: #2B1810;;
+  --primary-cta: #C97A4A;;
+  --secondary-cta: #FFF7E6;;
+  --accent: #CFE3C8;;
+  --background-accent: #6F8665;; */
 
-  --background: #ffc97c;;;;
-  --card: #FFF7E6;;;;
-  --foreground: #2B1810;;;;
-  --primary-cta: #C97A4A;;;;
+  --background: #F3E27A;;
+  --card: #FFF7E6;;
+  --foreground: #2B1810;;
+  --primary-cta: #C97A4A;;
   --primary-cta-text: #FFFFFF;;
-  --secondary-cta: #FFF7E6;;;;
+  --secondary-cta: #FFF7E6;;
   --secondary-cta-text: #2B1810;;
-  --accent: #CFE3C8;;;;
-  --background-accent: #6F8665;;;;
+  --accent: #CFE3C8;;
+  --background-accent: #6F8665;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);