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 {
+body {
-  --color-background: var(--background);
+  background-color: var(--background);
-  --color-foreground: var(--foreground);
+  color: var(--foreground);
-  --font-sans: var(--font-inter); 
-  --font-serif: var(--font-playfair);
 }
-
-@tailwind base;
-@tailwind components;
-@tailwind utilities;

app/page.tsx

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

tailwind.config.ts

@@ -1,26 +0,0 @@
-// tailwind.config.ts
-import type { Config } from "tailwindcss";
-
-const config: Config = {
-  content: [
-    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
-    "./components/**/*.{js,ts,jsx,tsx,mdx}",
-    "./app/**/*.{js,ts,jsx,tsx,mdx}",
-  ],
-  theme: {
-    extend: {
-      fontFamily: {
-        sans: ["var(--font-inter)", "sans-serif"],
-        serif: ["var(--font-playfair)", "serif"],
-      },
-      colors: {
-        brand: {
-          brown: "#2C1E16",
-          beige: "#F5F4F0",
-        }
-      }
-    },
-  },
-  plugins: [],
-};
-export default config;