From 08bba9dfa7eb8c73813d5de3a65d897a8f0e1898 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:04:10 +0200
Subject: [PATCH] config tailwind

---
 app/globals.css    | 14 ++++++++++++++
 app/layout.tsx     |  2 +-
 app/page.tsx       |  2 +-
 tailwind.config.ts | 26 ++++++++++++++++++++++++++
 4 files changed, 42 insertions(+), 2 deletions(-)
 create mode 100644 tailwind.config.ts

diff --git a/app/globals.css b/app/globals.css
index bd6213e..402c7c1 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -1,3 +1,17 @@
+@import "tailwindcss";
+
+: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
diff --git a/app/layout.tsx b/app/layout.tsx
index f268ceb..49fba1d 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -3,7 +3,7 @@ import { Playfair_Display, Inter } from "next/font/google";
 import "./globals.css";
 
 const playfairDisplay = Playfair_Display({
-  variable: "--font-playfai-display",
+  variable: "--font-playfair",
   subsets: ["latin"],
 });
 
diff --git a/app/page.tsx b/app/page.tsx
index 302b9c5..153bfc6 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,6 +1,6 @@
 export default function Home() {
   return (
-    <main className="min-h-screen bg-[#F5F4F0] text-black">
+    <main className="min-h-screen bg-beige text-black">
       <h1>Hello World</h1>
     </main>
   );
diff --git a/tailwind.config.ts b/tailwind.config.ts
new file mode 100644
index 0000000..6cfeac9
--- /dev/null
+++ b/tailwind.config.ts
@@ -0,0 +1,26 @@
+// 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