/*
 * ═══ خطّا الويب — WOFF2 مستضافةٌ عندنا وتُطلَب مع الوثيقة ═══
 *
 * ── العطلان اللذان يعالجهما هذا الملفّ ──
 *
 * ① **٢٢٦ كيلوبايت TTF خامّة.** كان تصدير Expo يشحن `.ttf` كما هي، وهي
 *    صيغةٌ غير مضغوطة للويب. والقياس:
 *
 *        Almarai   148,284 → 28,208 بايت   (توفير ٨١٪)
 *        Readex     78,692 → 78,592 بايت   (متغيّر — كلّ الأوزان)
 *
 *    أي **مئةٌ وعشرون كيلوبايتاً** توفَّر من أوّل فتحة — على باقةٍ تُحسب
 *    بالميغابايت في بغداد.
 *
 * ② **وكانا يُطلبان بعد الحزمة لا معها.** `useFonts` من `expo-font` تبدأ
 *    الطلب **بعد** تحليل ٢٫٨ ميغابايت من جافاسكربت. فتبقى الشاشة بلا حرفٍ
 *    واحد طوال ذلك. والآن `@font-face` في الوثيقة نفسها + `preload`،
 *    فيبدأ الطلبان **بالتوازي مع الحزمة**.
 *
 * ── و`font-display: swap` مقصودة ──
 *
 * `block` تُخفي النصّ حتى يصل الخطّ — أي شاشةٌ بيضاء على شبكةٍ رديئة.
 * و`swap` تعرض خطّ النظام فوراً ثمّ تُبدّله. والوميضُ ثمنٌ مقبول أمام
 * نصٍّ لا يُقرأ أصلاً.
 *
 * ⚠️ **والهاتف لا يمرّ من هنا**: React Native لا يقرأ WOFF2، فيبقى
 * `useFonts` بملفّات TTF على `Platform.OS !== "web"` وحده.
 *
 * الرخصتان بجواره: `OFL-Almarai.txt` و`OFL-ReadexPro.txt`.
 */

@font-face {
  font-family: "Almarai_800ExtraBold";
  src: url("/fonts/almarai-800.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "ReadexPro_400Regular";
  /* متغيّرٌ يشمل ١٦٠–٧٠٠، ونثبّته عند ٤٠٠ — والوزن الواحد أصغر من ملفّين. */
  src: url("/fonts/readex-var.woff2") format("woff2-variations");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}