Update src/app/styles/variables.css

Merge version_2 into main

src/app/blog/page.tsx

@@ -14,12 +14,12 @@ export default function BlogPage() {
         <ThemeProvider
             defaultButtonVariant="shift-hover"
             defaultTextAnimation="background-highlight"
-            borderRadius="sharp"
+            borderRadius="pill"
             contentWidth="small"
             sizing="largeSizeMediumTitles"
-            background="aurora"
-            cardStyle="solid"
-            primaryButtonStyle="radial-glow"
+            background="none"
+            cardStyle="glass-elevated"
+            primaryButtonStyle="gradient"
             secondaryButtonStyle="glass"
             headingFontWeight="medium"
         >
@@ -109,4 +109,4 @@ export default function BlogPage() {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}

src/app/layout.tsx

@@ -1263,4 +1263,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
@@ -17,12 +17,12 @@ export default function LandingPage() {
     <ThemeProvider
       defaultButtonVariant="shift-hover"
       defaultTextAnimation="background-highlight"
-      borderRadius="sharp"
+      borderRadius="pill"
       contentWidth="small"
       sizing="largeSizeMediumTitles"
-      background="aurora"
-      cardStyle="solid"
-      primaryButtonStyle="radial-glow"
+      background="none"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
       secondaryButtonStyle="glass"
       headingFontWeight="medium"
     >
@@ -255,4 +255,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/shop/[id]/page.tsx

@@ -71,12 +71,12 @@ export default function ProductPage({ params }: ProductPageProps) {
             <ThemeProvider
                 defaultButtonVariant="shift-hover"
                 defaultTextAnimation="background-highlight"
-                borderRadius="sharp"
+                borderRadius="pill"
                 contentWidth="small"
                 sizing="largeSizeMediumTitles"
-                background="aurora"
-                cardStyle="solid"
-                primaryButtonStyle="radial-glow"
+                background="none"
+                cardStyle="glass-elevated"
+                primaryButtonStyle="gradient"
                 secondaryButtonStyle="glass"
                 headingFontWeight="medium"
             >
@@ -122,12 +122,12 @@ export default function ProductPage({ params }: ProductPageProps) {
             <ThemeProvider
                 defaultButtonVariant="shift-hover"
                 defaultTextAnimation="background-highlight"
-                borderRadius="sharp"
+                borderRadius="pill"
                 contentWidth="small"
                 sizing="largeSizeMediumTitles"
-                background="aurora"
-                cardStyle="solid"
-                primaryButtonStyle="radial-glow"
+                background="none"
+                cardStyle="glass-elevated"
+                primaryButtonStyle="gradient"
                 secondaryButtonStyle="glass"
                 headingFontWeight="medium"
             >
@@ -180,12 +180,12 @@ export default function ProductPage({ params }: ProductPageProps) {
         <ThemeProvider
             defaultButtonVariant="shift-hover"
             defaultTextAnimation="background-highlight"
-            borderRadius="sharp"
+            borderRadius="pill"
             contentWidth="small"
             sizing="largeSizeMediumTitles"
-            background="aurora"
-            cardStyle="solid"
-            primaryButtonStyle="radial-glow"
+            background="none"
+            cardStyle="glass-elevated"
+            primaryButtonStyle="gradient"
             secondaryButtonStyle="glass"
             headingFontWeight="medium"
         >
@@ -257,4 +257,4 @@ export default function ProductPage({ params }: ProductPageProps) {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}

src/app/shop/page.tsx

@@ -21,12 +21,12 @@ export default function ShopPage() {
             <ThemeProvider
                 defaultButtonVariant="shift-hover"
                 defaultTextAnimation="background-highlight"
-                borderRadius="sharp"
+                borderRadius="pill"
                 contentWidth="small"
                 sizing="largeSizeMediumTitles"
-                background="aurora"
-                cardStyle="solid"
-                primaryButtonStyle="radial-glow"
+                background="none"
+                cardStyle="glass-elevated"
+                primaryButtonStyle="gradient"
                 secondaryButtonStyle="glass"
                 headingFontWeight="medium"
             >
@@ -71,12 +71,12 @@ export default function ShopPage() {
         <ThemeProvider
             defaultButtonVariant="shift-hover"
             defaultTextAnimation="background-highlight"
-            borderRadius="sharp"
+            borderRadius="pill"
             contentWidth="small"
             sizing="largeSizeMediumTitles"
-            background="aurora"
-            cardStyle="solid"
-            primaryButtonStyle="radial-glow"
+            background="none"
+            cardStyle="glass-elevated"
+            primaryButtonStyle="gradient"
             secondaryButtonStyle="glass"
             headingFontWeight="medium"
         >
@@ -123,4 +123,4 @@ export default function ShopPage() {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}

src/app/styles/variables.css

@@ -2,21 +2,21 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #f5f5f5;;
-  --card: #ffffff;;
-  --foreground: #1c1c1c;;
-  --primary-cta: #1f3251;;
-  --secondary-cta: #ffffff;;
-  --accent: #15479c;;
-  --background-accent: #a8cce8;; */
+  /* --background: #f9f3ed;;
+  --card: #faf5f0;;
+  --foreground: #3d2c24;;
+  --primary-cta: #d4a574;;
+  --secondary-cta: #f9f3ed;;
+  --accent: #f5d4b8;;
+  --background-accent: #f0c9b8;; */
 
-  --background: #f5f5f5;;
-  --card: #ffffff;;
-  --foreground: #1c1c1c;;
-  --primary-cta: #1f3251;;
-  --secondary-cta: #ffffff;;
-  --accent: #15479c;;
-  --background-accent: #a8cce8;;
+  --background: #f9f3ed;;
+  --card: #faf5f0;;
+  --foreground: #3d2c24;;
+  --primary-cta: #d4a574;;
+  --secondary-cta: #f9f3ed;;
+  --accent: #f5d4b8;;
+  --background-accent: #f0c9b8;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);