/*
 * ==========================================================================
 * الخطوط
 * ==========================================================================
 *
 * الخط Tajawal يُحمَّل من ملفات محلية في مجلد fonts/ - بلا أي طلب
 * خارجي. هذا أسرع خيار: رحلة واحدة لخادمك بدل رحلتين لجوجل
 * (fonts.googleapis.com ثم fonts.gstatic.com)، ويعمل حتى لو حُجبت
 * جوجل أو بطؤت.
 *
 * ⚠ أربعة أوزان لا خمسة: 400 و500 و700 و800.
 *
 * الموقع يستعمل font-weight: 600 في نحو تسعين موضعًا، لكن Tajawal
 * لا يحوي هذا الوزن أصلًا (أوزانه 200·300·400·500·700·800·900).
 *
 * ولا نخترع له ملفًا: قاعدة مطابقة CSS تقول إن الوزن المطلوب فوق 500
 * يُبحث عنه صعودًا أولًا، فيجد المتصفح 700 ويستعمله. وهذا ما يحدث
 * اليوم مع جوجل بالضبط - فحذف التعريف يبقي الشكل كما هو تمامًا.
 *
 * ⚠ لا تضف @font-face بوزن 600 يشير لملف 500: سيجعل النص أخف مما
 * هو عليه الآن في تسعين موضعًا، وهو تغيير في المظهر لا إصلاح.
 *
 * ⚠ woff2 وحدها.
 *
 * تدعمها كل المتصفحات منذ 2016 وهي أصغر من woff بنحو 30%. وإضافة
 * صيغة ثانية تعني ملفات أكثر على الخادم بلا فائدة عملية.
 *
 * ⚠ font-display: swap مقصود.
 *
 * يرسم المتصفح النص بالخط البديل فورًا ثم يبدّله عند وصول Tajawal -
 * بدل ترك النص غير مرئي لثوانٍ. والبديل معايَر أدناه فلا تُحسّ القفزة.
 *
 * لو حُذفت ملفات fonts/ لأي سبب، تتولّى TajawalFallback العرض ولا
 * تنكسر الصفحة - لكنها خطة طوارئ لا وضع دائم.
 */

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

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

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

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

/*
 * البديل المعايَر.
 *
 * خط النظام يُرسم قبل وصول Tajawal، ولو اختلفت مقاساته تقفز الصفحة
 * عند التبديل. هذه القيم تجعل ارتفاع السطر وعرض الحروف قريبين من
 * Tajawal فلا تُحسّ القفزة.
 */
@font-face {
    font-family: 'TajawalFallback';
    src: local('Segoe UI'), local('Tahoma'), local('Arial');
    size-adjust: 96%;
    ascent-override: 92%;
    descent-override: 24%;
    line-gap-override: 0%;
}