/* ============================================================
   Thmanyah Serif Display — Arabic headlines / display
   ============================================================ */
@font-face {
  font-family: "Thmanyah Serif Display";
  src: url("../fonts/thmanyah-serif-display/thmanyahserifdisplay-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Thmanyah Serif Display";
  src: url("../fonts/thmanyah-serif-display/thmanyahserifdisplay-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Thmanyah Serif Display";
  src: url("../fonts/thmanyah-serif-display/thmanyahserifdisplay-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Thmanyah Serif Display";
  src: url("../fonts/thmanyah-serif-display/thmanyahserifdisplay-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* ============================================================
   Thmanyah Sans — Arabic body / subtitles / UI
   ============================================================ */
@font-face {
  font-family: "Thmanyah Sans";
  src: url("../fonts/thmanyah-sans/thmanyahsans-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Thmanyah Sans";
  src: url("../fonts/thmanyah-sans/thmanyahsans-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Thmanyah Sans";
  src: url("../fonts/thmanyah-sans/thmanyahsans-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Thmanyah Sans";
  src: url("../fonts/thmanyah-sans/thmanyahsans-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* ============================================================
   Poppins — English words/terms inside Arabic content
   (Meta Ads, ROAS, numerals) — self-hosted WOFF2
   ============================================================ */
@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins/poppins-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins/poppins-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins/poppins-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins/poppins-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --teal-900: #04342C;
  --teal-600: #0F6E56;
  --teal-400: #1D9E75;
  --teal-200: #9FE1CB;
  --teal-50: #E1F5EE;
  --coral-400: #D85A30;
  --coral-600: #993C1D;
  --coral-50: #FAECE7;
  --bg-page: #F5F5F5;
  --text-body: #4A6B62;
}