diff --git a/src/index.css b/src/index.css
index 63854a7..54d73bc 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,4 +1,4 @@
-@import url('https://fonts.googleapis.com/css2?family=${nunitoSans.variable}:wght@400;500;600;700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=var(--font-inter):wght@400;500;600;700&family=var(--font-libre-baskerville):wght@400;500;600;700&display=swap');
 @import "tailwindcss";
 @import "./styles/masks.css";
 @import "./styles/animations.css";
@@ -88,7 +88,7 @@
   --color-background-accent: var(--background-accent);
 
   /* Fonts */
-  --font-sans: '${nunitoSans.variable}', sans-serif;
+  --font-sans: var(--font-inter), sans-serif;
   --font-mono: monospace;
 
   /* Border Radius */
@@ -136,7 +136,7 @@ body {
   margin: 0;
   background-color: var(--background);
   color: var(--foreground);
-  font-family: '${nunitoSans.variable}', sans-serif;
+  font-family: var(--font-inter), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -149,7 +149,7 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: '${nunitoSans.variable}', sans-serif;
+  font-family: var(--font-libre-baskerville), serif;
 }
 
 /* WEBILD_CARD_STYLE */