fix tailwind config

app/globals.css

@@ -1,17 +1,19 @@
 @import "tailwindcss";
 
+@theme {
+  --color-brand-brown: #2C1E16;
+  --color-brand-beige: #F5F4F0;
+  
+  --font-sans: var(--font-inter); 
+  --font-serif: var(--font-playfair);
+}
+
 :root {
   --background: #ffffff;
   --foreground: #171717;
 }
 
-@theme inline {
-  --color-background: var(--background);
-  --color-foreground: var(--foreground);
-  --font-sans: var(--font-inter); 
-  --font-serif: var(--font-playfair);
-}
-
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+body {
+  background-color: var(--background);
+  color: var(--foreground);
+}

app/page.tsx

@@ -1,7 +1,7 @@
 export default function Home() {
   return (
-    <main className="min-h-screen bg-beige text-black">
-      <h1>Hello World</h1>
+    <main className="min-h-screen bg-brand-beige text-brand-black flex items-center justify-center">
+      <h1 className="font-serif text-6xl">Hello World</h1>
     </main>
   );
 }