Update src/app/styles/variables.css

src/app/page.tsx

@@ -19,7 +19,7 @@ export default function LandingPage() {
       borderRadius="pill"
       contentWidth="mediumLarge"
       sizing="mediumLargeSizeMediumTitles"
-      background="none"
+      background="aurora"
       cardStyle="layered-gradient"
       primaryButtonStyle="flat"
       secondaryButtonStyle="radial-glow"

src/app/styles/variables.css

@@ -2,21 +2,21 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #1a0f2e;;
+  /* --background: #060606;;
-  --card: #2d1b47;;
+  --card: #1a1a1a;;
-  --foreground: #e6e0ff;;
+  --foreground: #e6e6e6e6;;
-  --primary-cta: #8b5cf6;;
+  --primary-cta: #5d3a8a;;
-  --secondary-cta: #2d1b47;;
+  --secondary-cta: #1a1a1a;;
-  --accent: #d8cef5;;
+  --accent: #8b5cf6;;
-  --background-accent: #6b3fb6;; */
+  --background-accent: #6b4ba3;; */
 
-  --background: #1a0f2e;;
+  --background: #060606;;
-  --card: #2d1b47;;
+  --card: #1a1a1a;;
-  --foreground: #e6e0ff;;
+  --foreground: #e6e6e6e6;;
-  --primary-cta: #8b5cf6;;
+  --primary-cta: #5d3a8a;;
-  --secondary-cta: #2d1b47;;
+  --secondary-cta: #1a1a1a;;
-  --accent: #d8cef5;;
+  --accent: #8b5cf6;;
-  --background-accent: #6b3fb6;;
+  --background-accent: #6b4ba3;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);