/* Loaded from layout — outside Tailwind so @font-face is not stripped. */
@font-face {
  font-family: "SF Arabic";
  src: url("/fonts/SF-Arabic.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* Swap the app font stack for Persian + Arabic (everything uses var(--font)). */
html[lang="fa"],
html[lang="ar"],
html[data-locale="fa"],
html[data-locale="ar"],
html.font-arabic {
  --font: "SF Arabic", "SF Pro Text", "SF Pro Display", -apple-system,
    BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: 0;
}

html[lang="fa"] body,
html[lang="ar"] body,
html[data-locale="fa"] body,
html[data-locale="ar"] body,
html.font-arabic body,
html[lang="fa"] button,
html[lang="ar"] button,
html[data-locale="fa"] button,
html[data-locale="ar"] button,
html.font-arabic button,
html[lang="fa"] input,
html[lang="ar"] input,
html[data-locale="fa"] input,
html[data-locale="ar"] input,
html.font-arabic input,
html[lang="fa"] select,
html[lang="ar"] select,
html[data-locale="fa"] select,
html[data-locale="ar"] select,
html.font-arabic select,
html[lang="fa"] textarea,
html[lang="ar"] textarea,
html[data-locale="fa"] textarea,
html[data-locale="ar"] textarea,
html.font-arabic textarea {
  font-family: var(--font);
  letter-spacing: 0;
}