fix: use direct js value for global css font stack

hyperweb-io · Nov 6, 2023 · 34938d4 · 34938d4
1 parent 074216f
commit 34938d4
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/styles/global.css.ts b/src/styles/global.css.ts
@@ -1,5 +1,5 @@
 import { globalStyle } from "@vanilla-extract/css";
-import { themeVars } from "./themes.css";
+import { SYSTEM_FONT_STACK } from "../styles/tokens/typography";
 
 globalStyle(`*, *::before, *::after`, {
   boxSizing: `border-box`,
@@ -11,7 +11,7 @@ globalStyle(`*`, {
 
 globalStyle(`html, body`, {
   height: `100%`,
-  fontFamily: themeVars.font.body,
+  fontFamily: `Inter, ${SYSTEM_FONT_STACK}`,
 });
 
 globalStyle(`body`, {