/* ==============================================================================
   CAIRO TYPOGRAPHY DESIGN SYSTEM
   الخط الرسمي المعتمد لكافة أركان المنصة (شاشات، كروت، تقارير، مودالز)
   ============================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&display=swap');

:root {
  --font-family-base: 'Cairo', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-weight-black: 900;
}

*, *::before, *::after {
  font-family: var(--font-family-base) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-family: var(--font-family-base);
  letter-spacing: -0.015em;
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6,
.heading, .nav-item, .stat-value,
.table-th, .badge, .btn {
  font-family: var(--font-family-base);
  letter-spacing: -0.02em;
}