/* =============================================================================
   الخطوط العربية والأنيقة
   ============================================================================= */

/* تحميل خط Tajawal */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800;900&display=swap');

/* تحميل خط Cairo */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700;900&display=swap');

/* =============================================================================
   تنسيقات الخطوط
   ============================================================================= */

/* الخط العادي */
body, p, div, span, button, input, select, textarea, .btn, .form-control, .form-select, .nav-link, .sidebar .nav-link {
    font-family: 'Tajawal', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* الخط للعناوين */
h1, h2, h3, h4, h5, h6, .heading, .stat-number, .navbar-brand, .card-header {
    font-family: 'Cairo', 'Tajawal', serif;
}

/* الوزن المختلف للخطوط */
.font-light { font-weight: 300; }
.font-normal { font-weight: 400; }
.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.font-bold { font-weight: 700; }
.font-extrabold { font-weight: 800; }
.font-black { font-weight: 900; }

/* =============================================================================
   أحجام الخطوط
   ============================================================================= */
.text-xs { font-size: 0.75rem; }
.text-sm { font-size: 0.875rem; }
.text-base { font-size: 1rem; }
.text-lg { font-size: 1.125rem; }
.text-xl { font-size: 1.25rem; }
.text-2xl { font-size: 1.5rem; }
.text-3xl { font-size: 1.875rem; }
.text-4xl { font-size: 2.25rem; }

/* =============================================================================
   تحسين عرض النصوص
   ============================================================================= */
.arabic-text {
    font-feature-settings: "rlig" 1, "liga" 1;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* =============================================================================
   تنسيقات خاصة
   ============================================================================= */
.text-gradient {
    background: linear-gradient(135deg, var(--primary), var(--secondary));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.text-shadow {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}