src/index.css

@@ -1,22 +1,22 @@
-@import url('https://fonts.googleapis.com/css2?family=${mulish.variable}+${inter.variable}:wght@400;500;600;700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Open+Sans:wght@400;500;600;700&display=swap');
 @import "tailwindcss";
 @import "./styles/masks.css";
 @import "./styles/animations.css";
 
 :root {
-  /* @colorThemes/lightTheme/grayBlueAccent */
-  --background: #fbfaff;
-  --card: #f7f5ff;
-  --foreground: #0f0022;
-  --primary-cta: #8b5cf6;
-  --primary-cta-text: #fbfaff;
+  /* @colorThemes/lightTheme/magento */
+  --background: #ffffff;
+  --card: #f5f5f5;
+  --foreground: #333333;
+  --primary-cta: #f26322;
+  --primary-cta-text: #ffffff;
   --secondary-cta: #ffffff;
-  --secondary-cta-text: #0f0022;
-  --accent: #d8cef5;
-  --background-accent: #c4a8f9;
+  --secondary-cta-text: #f26322;
+  --accent: #e0e0e0;
+  --background-accent: #cccccc;
 
   /* @layout/border-radius/rounded */
-  --radius: 9999px;
+  --radius: 4px;
 
   /* @layout/content-width/medium */
   --width-content-width: clamp(40rem, 80vw, 100rem);
@@ -88,7 +88,7 @@
   --color-background-accent: var(--background-accent);
 
   /* Fonts */
-  --font-sans: '${mulish.variable} ${inter.variable}', sans-serif;
+  --font-sans: 'Montserrat', 'Open Sans', sans-serif;
   --font-mono: monospace;
 
   /* Border Radius */
@@ -136,7 +136,7 @@ body {
   margin: 0;
   background-color: var(--background);
   color: var(--foreground);
-  font-family: '${mulish.variable} ${inter.variable}', sans-serif;
+  font-family: 'Montserrat', 'Open Sans', sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -149,7 +149,7 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: '${mulish.variable} ${inter.variable}', sans-serif;
+  font-family: 'Montserrat', 'Open Sans', sans-serif;
 }
 
 /* WEBILD_CARD_STYLE */