/* Rahawan AI — local subset fonts only (no Google Fonts / CDN) */
@font-face {
  font-family: "Cairo";
  src: url("../fonts/subset-Cairo-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Cairo";
  src: url("../fonts/subset-Cairo-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Tajawal";
  src: url("../fonts/subset-Tajawal-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Tajawal";
  src: url("../fonts/subset-Tajawal-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: "Inter";
  src: url("../fonts/subset-Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-display-ar: "Tajawal", system-ui, sans-serif;
  --font-body-ar: "Tajawal", system-ui, sans-serif;
  --font-display-en: "Inter", system-ui, sans-serif;
  --font-body-en: "Inter", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", "Fira Code", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

/* Arabic: Tajawal for body + headings */
html[lang="ar"] body {
  font-family: var(--font-body-ar);
}

html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] .rh-display {
  font-family: var(--font-display-ar);
  font-weight: 700;
}

/* English: Inter for body and headings (no Arabic faces) */
html[lang="en"] body {
  font-family: var(--font-body-en);
}

html[lang="en"] h1,
html[lang="en"] h2,
html[lang="en"] h3,
html[lang="en"] h4,
html[lang="en"] .rh-display {
  font-family: var(--font-display-en);
  font-weight: 700;
}