/* Web font declarations for RTL languages (Arabic, Persian) */
@font-face {
  font-family: "Noto Sans Arabic";
  src: url("../fonts/NotoSansArabic-Regular.woff2") format("woff2"),
       url("../fonts/NotoSansArabic-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans Arabic";
  src: url("../fonts/NotoSansArabic-Bold.woff2") format("woff2"),
       url("../fonts/NotoSansArabic-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Noto Kufi Arabic";
  src: url("../fonts/NotoKufiArabic-Regular.woff2") format("woff2"),
       url("../fonts/NotoKufiArabic-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Vazirmatn";
  src: url("../fonts/Vazirmatn-Regular.woff2") format("woff2"),
       url("../fonts/Vazirmatn-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-rtl-body: "Noto Sans Arabic", "Vazirmatn", system-ui, sans-serif;
  --font-rtl-heading: "Noto Kufi Arabic", "Noto Sans Arabic", "Vazirmatn", system-ui, sans-serif;
}

html[lang="ar"], html[lang="fa"] {
  font-family: var(--font-rtl-body);
}

html[lang="ar"] h1, html[lang="fa"] h1,
html[lang="ar"] h2, html[lang="fa"] h2,
html[lang="ar"] h3, html[lang="fa"] h3,
html[lang="ar"] h4, html[lang="fa"] h4 {
  font-family: var(--font-rtl-heading);
}