:root {
  --xf-font-base: "Nunito", "Segoe UI", Tahoma, Arial, sans-serif;
  --xf-font-ar: "Cairo", "Noto Sans Arabic", "Segoe UI", Tahoma, Arial, sans-serif;
}

body {
  font-family: var(--xf-font-base);
}

html[dir="rtl"] body,
.font-arabic {
  font-family: var(--xf-font-ar);
}