/*
 * PROJECT: Wolf IPTV
 * FILE: wolf_iptv/assets/css/fonts.css
 *
 * ═══════════════════════════════════════════════════════════════════════════
 *  Wolf — Self-hosted Fonts (M0.2.1 — 2026-05-30)
 * ═══════════════════════════════════════════════════════════════════════════
 *
 *  بدّلنا Google Fonts CDN بنسخة محلية. السبب:
 *    1. التزام بمعيار "لا CDN" — كل الأصول محلية
 *    2. تحكّم كامل في الـ caching (Cloudflare cache بدل Google)
 *    3. توفير 2 DNS lookups + 1 render-blocking request
 *    4. حماية الخصوصية (مفيش بيانات تروح Google)
 *
 *  الخطوط المستخدمة:
 *    • Tajawal — body (400, 500, 700, 900)
 *    • Cairo   — display/headings (600, 700, 800, 900)
 *    • Mono    — system stack (مفيش self-host لـ JetBrains Mono)
 *
 *  ملاحظة على الـ Subsetting (M0.2.1):
 *    google-webfonts-helper بيـ generate ملف واحد فيه arabic + latin سوا
 *    (مش 2 ملفات منفصلة بـ unicode-range). ده تصميم الأداة نفسها.
 *    الـ trade-off: ~50KB إضافي للمستخدم العربي (cached بعد الـ first load)،
 *    والمكسب: 8 ملفات بدل 16، أسهل في الإدارة، صفر مخاطر تسمية.
 *
 *  الترخيص:
 *    Tajawal & Cairo: SIL Open Font License 1.1 (مسموح بالـ self-hosting
 *    والتوزيع التجاري).
 *
 *  هيكل الملفات:
 *    /assets/fonts/
 *      ├── tajawal-v12-arabic_latin-regular.woff2   (400)
 *      ├── tajawal-v12-arabic_latin-500.woff2
 *      ├── tajawal-v12-arabic_latin-700.woff2
 *      ├── tajawal-v12-arabic_latin-900.woff2
 *      ├── cairo-v31-arabic_latin-600.woff2
 *      ├── cairo-v31-arabic_latin-700.woff2
 *      ├── cairo-v31-arabic_latin-800.woff2
 *      └── cairo-v31-arabic_latin-900.woff2
 *
 *  Loaded by: standalone <link rel="stylesheet"> في كل head.php
 *             (public + dashboard — Single Source of Truth)
 *  Dependencies: NONE
 * ═══════════════════════════════════════════════════════════════════════════
 */

/* ══════════════════════════════════════════════════════════════════════
   TAJAWAL — Body font (400, 500, 700, 900)
   ══════════════════════════════════════════════════════════════════════ */

/* Tajawal 400 — Regular */
@font-face {
    font-family: 'Tajawal';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/assets/fonts/tajawal-v12-arabic_latin-regular.woff2') format('woff2');
}

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

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

/* Tajawal 900 — Black */
@font-face {
    font-family: 'Tajawal';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url('/assets/fonts/tajawal-v12-arabic_latin-900.woff2') format('woff2');
}

/* ══════════════════════════════════════════════════════════════════════
   CAIRO — Display/Headings font (600, 700, 800, 900)
   ══════════════════════════════════════════════════════════════════════ */

/* Cairo 600 — SemiBold */
@font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('/assets/fonts/cairo-v31-arabic_latin-600.woff2') format('woff2');
}

/* Cairo 700 — Bold */
@font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('/assets/fonts/cairo-v31-arabic_latin-700.woff2') format('woff2');
}

/* Cairo 800 — ExtraBold */
@font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('/assets/fonts/cairo-v31-arabic_latin-800.woff2') format('woff2');
}

/* Cairo 900 — Black (heading hero weight) */
@font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url('/assets/fonts/cairo-v31-arabic_latin-900.woff2') format('woff2');
}