chore: remove fallbacks values in font-family properties

Author: julhoang

static/css/v3/account-connections.css

@@ -46,7 +46,7 @@
 }
 
 .account-connections__platform-name {
-  font-family: var(--font-sans, 'Mona Sans VF'), sans-serif;
+  font-family: var(--font-sans);
   font-size: var(--font-size-base, 16px);
   font-weight: var(--font-weight-medium, 500);
   line-height: var(--line-height-default, 1.2);
@@ -57,7 +57,7 @@
 
 .account-connections__status {
   flex: 1 1 0;
-  font-family: var(--font-sans, 'Mona Sans VF'), sans-serif;
+  font-family: var(--font-sans);
   font-size: var(--font-size-base, 16px);
   font-weight: var(--font-weight-regular, 400);
   line-height: var(--line-height-default, 1.2);

static/css/v3/banner.css

@@ -14,7 +14,7 @@
     color: var(--color-text-on-accent, #050816);
 
     /* Sans/Desktop/Regular/XS/Tight */
-    font-family: var(--font-sans, "Mona Sans VF");
+    font-family: var(--font-sans);
     font-size: var(--font-size-xs, 12px);
     font-weight: var(--font-weight-regular);
     line-height: var(--line-height-tight);

static/css/v3/calendar.css

@@ -12,7 +12,7 @@
     color: var(--color-text-primary, #050816);
 
     /* Sans/Desktop/Regular/2XL */
-    font-family: var(--font-sans, "Mona Sans VF");
+    font-family: var(--font-sans);
     font-size: var(--font-size-2xl, 40px);
     font-style: normal;
     font-weight: var(--font-weight-regular);
@@ -26,7 +26,7 @@
     color: var(--color-text-secondary, #585A64);
 
     /* Sans/Desktop/Regular/M */
-    font-family: var(--font-sans, "Mona Sans VF");
+    font-family: var(--font-sans);
     font-size: var(--font-size-medium, 18px);
     font-style: normal;
     font-weight: var(--font-weight-regular);

static/css/v3/card.css

@@ -126,7 +126,7 @@
     flex: 1 0 0;
     padding: 0;
     color: var(--color-text-secondary, #585a64);
-    font-family: var(--font-sans, 'Mona Sans VF'), sans-serif;
+    font-family: var(--font-sans);
     font-size: var(--font-size-base, 16px);
     font-weight: var(--font-weight-regular, 400);
     line-height: var(--line-height-default, 1.2);

static/css/v3/footer.css

@@ -1,9 +1,9 @@
 .footer {
-  --footer-text: var(--Text-Primary, var(--color-text-primary, #050816));
+  --footer-text: var(--color-text-primary);
   padding: var(--space-large) var(--space-large);
   color: var(--footer-text);
-  font-family: var(--Typefaces-Sans, var(--font-sans, "Mona Sans VF"));
-  font-size: var(--Sizes-XS, 12px);
+  font-family: var(--font-sans);
+  font-size: var(--font-size-xs);
   font-style: normal;
   font-weight: 400;
   line-height: 120%;
@@ -15,8 +15,8 @@
 .footer a,
 .footer p {
   color: var(--footer-text);
-  font-family: var(--Typefaces-Sans, var(--font-sans, "Mona Sans VF"));
-  font-size: var(--Sizes-XS, 12px);
+  font-family: var(--font-sans);
+  font-size: var(--font-size-xs);
   font-style: normal;
   font-weight: 400;
   line-height: 120%;

static/css/v3/library-intro-card.css

@@ -1,7 +1,7 @@
 /* Library Intro Card Component */
 
 .library-intro-card {
-  font-family: var(--font-sans, "Mona Sans VF"), sans-serif;
+  font-family: var(--font-sans);
   display: flex;
   flex-direction: column;
   max-width: 458px;

static/css/v3/search-card.css

@@ -1,7 +1,7 @@
 /* Search Card Component */
 
 .search-card {
-  font-family: var(--font-sans, 'Mona Sans VF'), sans-serif;
+  font-family: var(--font-sans);
   display: flex;
   flex-direction: column;
   gap: var(--space-large, 16px);
@@ -16,7 +16,7 @@
 
 .search-card__heading {
   margin: 0;
-  font-family: var(--font-display, 'Mona Sans Display SemiCondensed'), sans-serif;
+  font-family: var(--font-display);
   font-size: var(--font-size-large, 24px);
   font-weight: var(--font-weight-medium, 500);
   line-height: var(--line-height-tight, 1);
@@ -35,7 +35,7 @@
 .search-card__popular-label {
   margin: 0;
   padding: 0;
-  font-family: var(--font-sans, 'Mona Sans VF'), sans-serif;
+  font-family: var(--font-sans);
   font-size: var(--font-size-xs, 12px);
   font-weight: var(--font-weight-regular, 400);
   line-height: var(--line-height-default, 1.2);
@@ -59,7 +59,7 @@
   background: var(--color-surface-strong-accent-green-default, #caca62);
   border: none;
   border-radius: var(--border-radius-s, 4px);
-  font-family: var(--font-sans, 'Mona Sans VF'), sans-serif;
+  font-family: var(--font-sans);
   font-size: var(--font-size-xs, 12px);
   font-weight: var(--font-weight-regular, 400);
   line-height: var(--line-height-tight, 1);

static/css/v3/testimonial-card.css

@@ -20,7 +20,7 @@
 
 .testimonial-card__text {
     color: var(--color-text-primary, #050816);
-    font-family: var(--font-sans, "Mona Sans VF");
+    font-family: var(--font-sans);
     font-size: var(--font-size-xl, 32px);
     font-weight: var(--font-weight-regular);
     line-height: var(--line-height-tight);
@@ -55,7 +55,7 @@
 
 
     /* Sans/Desktop/Regular/XS/Default */
-    font-family: var(--font-sans, "Mona Sans VF");
+    font-family: var(--font-sans);
     font-size: var(--font-size-xs, 12px);
     font-style: normal;
     font-weight: 400;

static/css/v3/wysiwyg-editor.css

@@ -445,7 +445,7 @@ background-color: var(--color-surface-brand-accent-default, #f7f7f8) !important;
 /* Inline code – visible on-brand highlight */
 .wysiwyg-editor__prose code {
   padding: 0.2em 0.45em;
-  font-family: var(--font-code, ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace);
+  font-family: var(--font-code);
   font-size: 0.85em;
   background: rgba(255, 160, 0, 0.15);
   border: 1px solid rgba(255, 160, 0, 0.3);
@@ -462,7 +462,7 @@ background-color: var(--color-surface-brand-accent-default, #f7f7f8) !important;
   background: var(--code-block-bg, #f6f8fa);
   border: 1px solid var(--color-stroke-weak, rgba(5, 8, 22, 0.1));
   border-radius: var(--border-radius-l, 8px);
-  font-family: var(--font-code, ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace);
+  font-family: var(--font-code);
   font-size: var(--font-size-small, 14px);
   line-height: var(--line-height-code, 1.5);
 }
@@ -589,7 +589,7 @@ background-color: var(--color-surface-brand-accent-default, #f7f7f8) !important;
   border: none;
   border-right: 1px solid var(--color-stroke-weak, rgba(5, 8, 22, 0.1));
   padding: var(--space-medium, 12px) var(--space-large, 16px);
-  font-family: var(--font-code, ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace);
+  font-family: var(--font-code);
   font-size: var(--font-size-small, 14px);
   line-height: 1.5;
   color: var(--color-text-primary, #050816);