From 8fdcc330794f4e097da71e95b526ea0e6627f6ea Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Math=C3=A9o=20GUILBERT?= <matheo.guilbert49@gmail.com>
Date: Tue, 14 Apr 2026 20:08:37 +0200
Subject: [PATCH] fix tailwind config

---
 app/globals.css    | 22 ++++++++++++----------
 app/page.tsx       |  4 ++--
 tailwind.config.ts | 26 --------------------------
 3 files changed, 14 insertions(+), 38 deletions(-)
 delete mode 100644 tailwind.config.ts

diff --git a/app/globals.css b/app/globals.css
index 402c7c1..a649ac3 100644
--- a/app/globals.css
+++ b/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;
\ No newline at end of file
+body {
+  background-color: var(--background);
+  color: var(--foreground);
+}
\ No newline at end of file
diff --git a/app/page.tsx b/app/page.tsx
index 153bfc6..ee29d9d 100644
--- a/app/page.tsx
+++ b/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>
   );
 }
\ No newline at end of file
diff --git a/tailwind.config.ts b/tailwind.config.ts
deleted file mode 100644
index 6cfeac9..0000000
--- a/tailwind.config.ts
+++ /dev/null
@@ -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;
\ No newline at end of file