/* Use Tajawal for RTL; fall back to system sans-serif */
html[dir="rtl"], body[dir="rtl"] {
  font-family: 'Tajawal', "Noto Kufi Arabic", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Optionally override Bootstrap body variable if used */
html[dir="rtl"] {
  --bs-body-font-family: 'Tajawal', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Adjust specific elements if you need larger font or different weight for Arabic text */
html[dir="rtl"] .form-label,
html[dir="rtl"] .btn {
  font-weight: 500;
}