diff --git a/web/src/app/globals.css b/web/src/app/globals.css
index 7e90799..2d54da0 100644
--- a/web/src/app/globals.css
+++ b/web/src/app/globals.css
@@ -31,9 +31,9 @@
   --nl-task-pending: #F59E0B;
   --nl-task-complete: #34D399;
 
-  --nl-font-display: "Space Grotesk", "SF Pro Display", sans-serif;
-  --nl-font-body: "DM Sans", "SF Pro Text", sans-serif;
-  --nl-font-mono: "IBM Plex Mono", "SF Mono", monospace;
+  --nl-font-display: var(--font-display), "Space Grotesk", "SF Pro Display", sans-serif;
+  --nl-font-body: var(--font-body), "DM Sans", "SF Pro Text", sans-serif;
+  --nl-font-mono: var(--font-mono), "IBM Plex Mono", "SF Mono", monospace;
 
   --nl-fs-xs: 12px;
   --nl-fs-sm: 14px;