/* Servanexo Aurora typography layer.
   Change these tokens to switch the theme's type system without touching pages. */
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter-latin-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Tajawal";
  src: url("../fonts/tajawal-arabic-400.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Tajawal";
  src: url("../fonts/tajawal-arabic-500.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Tajawal";
  src: url("../fonts/tajawal-arabic-700.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Tajawal";
  src: url("../fonts/tajawal-arabic-800.woff2") format("woff2");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}

.admin-auth-page,
.sx-admin {
  --sx-font-arabic: "Tajawal";
  --sx-font-latin: "Inter";
  --sx-font-fallback: "Segoe UI", Tahoma, Arial, sans-serif;
  --sx-font-ui: var(--sx-font-latin), var(--sx-font-arabic), var(--sx-font-fallback);
  --sx-weight-regular: 400;
  --sx-weight-medium: 500;
  --sx-weight-semibold: 700;
  --sx-weight-bold: 800;
  --sx-line-height-body: 1.55;
  --sx-line-height-heading: 1.25;
  --sx-tracking-label: .01em;
}

html[dir="rtl"] :is(.admin-auth-page, .sx-admin) {
  --sx-font-ui: var(--sx-font-arabic), var(--sx-font-latin), var(--sx-font-fallback);
  --sx-line-height-body: 1.6;
  --sx-tracking-label: 0;
}

:is(.admin-auth-page, .sx-admin) {
  font-family: var(--sx-font-ui);
  font-weight: var(--sx-weight-regular);
  line-height: var(--sx-line-height-body);
  text-rendering: optimizeLegibility;
  font-variant-numeric: tabular-nums lining-nums;
}

:is(.admin-auth-page, .sx-admin) :is(button, input, select, textarea) {
  font-family: inherit;
}

:is(.admin-auth-page, .sx-admin) :is(h1, h2, h3, h4, h5, h6) {
  font-family: inherit;
  font-weight: var(--sx-weight-bold);
  line-height: var(--sx-line-height-heading);
}

:is(.admin-auth-page, .sx-admin) :is(button, .sx-nav-link, .sx-topbar-title, th, label, summary, .badge, [class*="badge"], [class*="tab"]) {
  letter-spacing: var(--sx-tracking-label);
}

html[dir="rtl"] :is(.admin-auth-page, .sx-admin) :is(h1, h2, h3, h4, h5, h6, button, th, label, summary, .sx-nav-link) {
  letter-spacing: 0;
}