/* Neo Sans Arabic - Regular (400) */
@font-face {
  font-family: "Neo Sans Arabic";
  font-style: normal;
  font-weight: 400;
  font-display: swap; /* عرض النص فورًا مع fallback ثم استبداله عندما يُحمّل الخط */
  src: local("Neo Sans Arabic Regular"),
       local("NeoSansArabic-Regular"),
       /* woff2 (الأمثل للويب) */
       url("NeoSansArabic-Regular.woff2") format("woff2"),
       /* woff */
       url("NeoSansArabic-Regular.woff") format("woff"),
       /* ttf (fallback) */
       url("NeoSansArabic-Regular.ttf") format("truetype"),
       /* eot (فقط للمتصفحات القديمة إن احتجت) */
       url("NeoSansArabic-Regular.eot");
  /* اختياري: تقييد للـ Arabic unicode range لتحميل فقط عند الحاجة */
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF;
}

/* Neo Sans Arabic - Bold (700) */
@font-face {
  font-family: "Neo Sans Arabic";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Neo Sans Arabic Bold"),
       local("NeoSansArabic-Bold"),
       url("NeoSansArabic-Bold.woff2") format("woff2"),
       url("NeoSansArabic-Bold.woff") format("woff"),
       url("NeoSansArabic-Bold.ttf") format("truetype"),
       url("NeoSansArabic-Bold.eot");
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF;
}

/* ----------------- متغيرات عامة وإعدادات أساسية ----------------- */
:root{
  --font-sans-ar: "Neo Sans Arabic", "Segoe UI", Tahoma, "Noto Naskh Arabic", "Helvetica Neue", Arial, sans-serif;
  --font-sans-weight-normal: 400;
  --font-sans-weight-bold: 700;
  --base-font-size: 16px;
  --base-line-height: 1.6;
}

/* تطبيق على المستند */
html, body {
  font-family: var(--font-sans-ar);
  font-size: var(--base-font-size);
  line-height: var(--base-line-height);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  direction: rtl; /* لأن مشروعك عربي */
  text-rendering: optimizeLegibility;
}

/* وزن افتراضي للعناصر */
b, strong {
  font-weight: var(--font-sans-weight-bold);
}

/* تحسين أداء العرض على بعض المتصفحات */
@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; animation: none !important; }
}


.num { font-variant-numeric: tabular-nums; }