diff --git a/packages/main/src/_variables.scss b/packages/main/src/_variables.scss
index 8f4e7c4..38da173 100644
--- a/packages/main/src/_variables.scss
+++ b/packages/main/src/_variables.scss
@@ -1,5 +1,6 @@
 :root {
 	color-scheme: light dark;
+	--font-family: "Albert Sans", sans-serif;
 	--border: light-dark(#d4d4d8, #27272a);
 	--color: light-dark(#09090b, #fafafa);
 	--color-primary: light-dark(#fafafa, #09090b);
diff --git a/packages/main/src/compoments/_typography.scss b/packages/main/src/compoments/_typography.scss
index 835c0d3..e66136e 100644
--- a/packages/main/src/compoments/_typography.scss
+++ b/packages/main/src/compoments/_typography.scss
@@ -9,7 +9,7 @@ textarea,
 button,
 select,
 ::file-selector-button {
-	font-family: "Albert Sans", sans-serif;
+	font-family: var(--font-family);
 }
 
 h {