/* SAFQQA language-aware typography
 * Arabic: Alexandria · English: Poppins
 * Loaded after component styles so legacy page-level font declarations cannot
 * produce inconsistent typography across the storefront or dashboard.
 */
:root,
html[lang="en"] {
  --safqqa-ui-font: "Poppins", "Segoe UI", Arial, sans-serif;
  --bs-body-font-family: var(--safqqa-ui-font);
  --bs-font-sans-serif: var(--safqqa-ui-font);
  --font-sans: var(--safqqa-ui-font);
  --font-display: var(--safqqa-ui-font);
}

html[lang="ar"] {
  --safqqa-ui-font: "Alexandria", "Noto Sans Arabic", Tahoma, Arial, sans-serif;
}

body,
body * {
  font-family: var(--safqqa-ui-font) !important;
}

/* Preserve semantic monospace content and icon glyph fonts. */
body :is(code, kbd, samp, pre) {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

body .bi::before,
body [class^="bi-"]::before,
body [class*=" bi-"]::before {
  font-family: "bootstrap-icons" !important;
}

html[lang="ar"] :is(h1, h2, h3, h4, h5, h6, button, input, select, textarea) {
  letter-spacing: normal;
}

body,
button,
input,
select,
textarea {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}