diff --git a/app/globals.css b/app/globals.css
index 6417721..a0290fe 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -1,23 +1,37 @@
 @import "tailwindcss";
 
-/* :root {
+:root {
   --background: #ffffff;
   --foreground: #171717;
 }
 
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --font-sans: var(--font-geist-sans);
+  --font-mono: var(--font-geist-mono);
+}
+
 @media (prefers-color-scheme: dark) {
   :root {
     --background: #0a0a0a;
     --foreground: #ededed;
+    --font-merryweather: "Merriweather", serif;
+    --font-open-sans: "Open Sans", sans-serif;
   }
-} */
+}
 
 body {
-  color: var(--foreground);
   background: var(--background);
-  font-family: "Open Sans", sans-serif;
+  color: var(--foreground);
+  font-family: var(--font-open-sans), sans-serif;
 }
 
-.dark {
-  @apply bg-black text-white;
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: var(--font-noto-serif), serif;
 }