/* Arabic uses Noto Kufi Arabic throughout — Space Grotesk has no Arabic
   glyphs, and Latin letter-spacing tricks don't translate to Arabic type. */
[dir="rtl"] body {
  font-family: "Noto Kufi Arabic", var(--font-body);
}
[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] .brand,
[dir="rtl"] .eyebrow {
  font-family: "Noto Kufi Arabic", var(--font-body);
  letter-spacing: 0;
}

[dir="rtl"] .hero-actions,
[dir="rtl"] .toolbar-actions,
[dir="rtl"] .footer-bottom {
  direction: rtl;
}

/* Icons that encode inherent left/right direction (arrows, chevrons used for
   "next") should flip in RTL; symmetric or universal icons should not. */
[dir="rtl"] .rtl-flip {
  transform: scaleX(-1);
}

/* keep a visible, theme-appropriate caret color in form fields */
input, textarea, select { caret-color: var(--primary-strong); }