@font-face {
  font-family: 'Archivo';
  src: url("Archivo/Archivo-Regular.ttf") format("truetype");
}
@font-face {
  font-family: 'Archivo-Black';
  src: url("Archivo/Archivo-Black.ttf") format("truetype");
}
@font-face {
  font-family: 'Archivo-Bold';
  src: url("Archivo/Archivo-Bold.ttf") format("truetype");
}
@font-face {
  font-family: 'Archivo-Extra-Bold';
  src: url("Archivo/Archivo-ExtraBold.ttf") format("truetype");
}
@font-face {
  font-family: 'Archivo-Medium';
  src: url("Archivo/Archivo-Medium.ttf") format("truetype");
}
@font-face {
  font-family: 'Archivo-Extra-Ligth';
  src: url("Archivo/Archivo-ExtraLight.ttf") format("truetype");
}
@font-face {
  font-family: 'LibreBaskerville-Regular';
  src: url("Libre_Baskerville/LibreBaskerville-Regular.ttf") format("truetype");
}
@font-face {
  font-family: 'LibreBaskerville-Bold';
  src: url("Libre_Baskerville/LibreBaskerville-Bold.ttf") format("truetype");
}
@font-face {
  font-family: 'LibreBaskerville-Italic';
  src: url("Libre_Baskerville/LibreBaskerville-Italic.ttf") format("truetype");
}

/* ── Appetite Pop redesign: Latin display (Clash Display) ── */
@font-face {
  font-family: 'ClashDisplay';
  src: url("ClashDisplay/ClashDisplay-Bold.woff2") format("woff2");
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: 'ClashDisplay-Semibold';
  src: url("ClashDisplay/ClashDisplay-Semibold.woff2") format("woff2");
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: 'ClashDisplay-Medium';
  src: url("ClashDisplay/ClashDisplay-Medium.woff2") format("woff2");
  font-weight: normal;
  font-display: swap;
}

/* ── Arabic: display (Baloo Bhaijaan 2) + body (Tajawal) ── */
@font-face {
  font-family: 'BalooBhaijaan2';
  src: url("BalooBhaijaan2/BalooBhaijaan2-700.woff2") format("woff2");
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: 'BalooBhaijaan2-Semibold';
  src: url("BalooBhaijaan2/BalooBhaijaan2-600.woff2") format("woff2");
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Tajawal';
  src: url("Tajawal/Tajawal-400.woff2") format("woff2");
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Tajawal-Medium';
  src: url("Tajawal/Tajawal-500.woff2") format("woff2");
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Tajawal-Bold';
  src: url("Tajawal/Tajawal-700.woff2") format("woff2");
  font-weight: normal;
  font-display: swap;
}