/* Arabic (RTL) overrides, loaded only by the /ar root layout.
   Fraunces/Inter carry no Arabic glyphs — Cairo (already self-hosted) takes
   over for every role; letter-spacing is a Latin-typography device and harms
   Arabic shaping, so tracking is neutralized. */

html[lang="ar"] body,
html[lang="ar"] .font-sans,
html[lang="ar"] .font-display {
  font-family: "Cairo", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
}

html[lang="ar"] * {
  letter-spacing: 0 !important;
}

/* Arabic reads a touch small at Latin sizes; give body copy a slight lift */
html[lang="ar"] p {
  line-height: 1.9;
}

/* Physical-direction utilities that matter visually in the captured markup.
   dir="rtl" flips flex/grid/text automatically; these handle the exceptions. */
html[dir="rtl"] .text-left { text-align: right; }
html[dir="rtl"] .text-right { text-align: left; }