diff --git a/app/globals.css b/app/globals.css
index 2394a41..0a7aa79 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -1,5 +1,78 @@
@import "tailwindcss";
+/* ─── Madani Arabic Font ─── */
+@font-face {
+ font-family: 'Madani Arabic';
+ src: url('/fonts/Madani Arabic Thin.ttf') format('truetype');
+ font-weight: 100;
+ font-style: normal;
+ font-display: swap;
+}
+
+@font-face {
+ font-family: 'Madani Arabic';
+ src: url('/fonts/Madani Arabic Extra Light.ttf') format('truetype');
+ font-weight: 200;
+ font-style: normal;
+ font-display: swap;
+}
+
+@font-face {
+ font-family: 'Madani Arabic';
+ src: url('/fonts/Madani Arabic Light.ttf') format('truetype');
+ font-weight: 300;
+ font-style: normal;
+ font-display: swap;
+}
+
+@font-face {
+ font-family: 'Madani Arabic';
+ src: url('/fonts/Madani-Arabic-Regular.ttf') format('truetype');
+ font-weight: 400;
+ font-style: normal;
+ font-display: swap;
+}
+
+@font-face {
+ font-family: 'Madani Arabic';
+ src: url('/fonts/Madani Arabic Medium.ttf') format('truetype');
+ font-weight: 500;
+ font-style: normal;
+ font-display: swap;
+}
+
+@font-face {
+ font-family: 'Madani Arabic';
+ src: url('/fonts/Madani Arabic Semi Bold.ttf') format('truetype');
+ font-weight: 600;
+ font-style: normal;
+ font-display: swap;
+}
+
+@font-face {
+ font-family: 'Madani Arabic';
+ src: url('/fonts/Madani-Arabic-Bold.ttf') format('truetype');
+ font-weight: 700;
+ font-style: normal;
+ font-display: swap;
+}
+
+@font-face {
+ font-family: 'Madani Arabic';
+ src: url('/fonts/Madani Arabic Extra Bold.ttf') format('truetype');
+ font-weight: 800;
+ font-style: normal;
+ font-display: swap;
+}
+
+@font-face {
+ font-family: 'Madani Arabic';
+ src: url('/fonts/Madani Arabic Black.ttf') format('truetype');
+ font-weight: 900;
+ font-style: normal;
+ font-display: swap;
+}
+
:root {
--background: #ede6e6;
--foreground: #156874;
diff --git a/app/layout.js b/app/layout.js
index e67c738..fc59121 100644
--- a/app/layout.js
+++ b/app/layout.js
@@ -25,16 +25,7 @@ export const metadata = {
export default function Layout({ children }) {
return (
-
-
-
-
+