/* ═══════════════════════════════════════════════════════════════
   fonts.css — خطوط ثمانية سيريف تكست
   نظام إدارة إجازات أونلاينو
   ═══════════════════════════════════════════════════════════════

   التسلسل الهرمي للأوزان:
   ─────────────────────────────────────────────────────────────
   Light   (300) → النصوص الثانوية، التذييلات، الملاحظات الدقيقة
   Regular (400) → النص الأساسي، المحتوى العام
   Medium  (500) → التسميات، الأزرار، عناوين الحقول
   Bold    (700) → العناوين الفرعية، أسماء الموظفين، الإحصائيات
   Black   (900) → العناوين الرئيسية، الشعار، أرقام الإحصاء الكبيرة
   ═══════════════════════════════════════════════════════════════ */

/* Light — 300 */
@font-face {
    font-family: 'ThmanyahSerif';
    src: url('fonts/thmanyahseriftext-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Regular — 400 */
@font-face {
    font-family: 'ThmanyahSerif';
    src: url('fonts/thmanyahseriftext-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Medium — 500 */
@font-face {
    font-family: 'ThmanyahSerif';
    src: url('fonts/thmanyahseriftext-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Bold — 700 */
@font-face {
    font-family: 'ThmanyahSerif';
    src: url('fonts/thmanyahseriftext-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Black — 900 */
@font-face {
    font-family: 'ThmanyahSerif';
    src: url('fonts/thmanyahseriftext-Black.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* ═══════════════════════════════════════════════════════════════
   متغيرات CSS للخط — يمكن تجاوزها محلياً إن لزم
   ═══════════════════════════════════════════════════════════════ */
:root {
    --font-primary  : 'ThmanyahSerif', 'Tajawal', sans-serif;
    --font-display  : 'ThmanyahSerif', 'Tajawal', sans-serif;

    /* أوزان مسمّاة */
    --fw-light      : 300;
    --fw-regular    : 400;
    --fw-medium     : 500;
    --fw-bold       : 700;
    --fw-black      : 900;
}

/* ═══════════════════════════════════════════════════════════════
   تطبيق الخط على عناصر HTML الشائعة
   ═══════════════════════════════════════════════════════════════ */

/* كل شيء يرث الخط الأساسي */
*,
*::before,
*::after {
    font-family: var(--font-primary);
}

/* العناوين الرئيسية — Black */
h1 {
    font-weight: var(--fw-black);
}

/* العناوين الثانوية — Bold */
h2, h3 {
    font-weight: var(--fw-bold);
}

/* العناوين الصغيرة — Medium */
h4, h5, h6 {
    font-weight: var(--fw-medium);
}

/* النص العادي — Regular */
p, li, td, th, span, div, a, label, input, select, textarea, button {
    font-weight: var(--fw-regular);
}

/* الأزرار — Medium */
button, .btn, [role="button"] {
    font-weight: var(--fw-medium);
}

/* الملاحظات والنصوص الثانوية — Light */
small, .text-muted, .subtitle, .caption, footer {
    font-weight: var(--fw-light);
}