/**
 * Typography & SEO – بذور تك / Buthoor Tech
 * Hierarchy: mobile-first, then desktop (min-width: 992px).
 * H1: use once per page (hero section only) for SEO.
 * Font: Cairo 400 (Regular), 600 (SemiBold), 700 (Bold), 800 (ExtraBold).
 */
body,
p {
  font-family: 'Cairo', sans-serif !important;
  font-size: 14px !important;
  line-height: 1.625 !important;
  font-weight: 400 !important;
}

h1, .h1 {
  font-family: 'Cairo', sans-serif !important;
  font-size: 30px !important;
  font-weight: 700 !important;
}

h2, .h2 {
  font-family: 'Cairo', sans-serif !important;
  font-size: 24px !important;
  font-weight: 600 !important;
}

h3, .h3 {
  font-family: 'Cairo', sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
}

/* H4–H6: proportional scale below H3 */
h4, .h4 {
  font-family: 'Cairo', sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
}

h5, .h5 {
  font-family: 'Cairo', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}

h6, .h6 {
  font-family: 'Cairo', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

@media (min-width: 992px) {
  body,
  p {
    font-size: 18px !important;
    line-height: 1.625 !important;
  }

  h1, .h1 {
    font-size: 60px !important;
  }

  h2, .h2 {
    font-size: 30px !important;
  }

  h3, .h3 {
    font-size: 20px !important;
  }

  h4, .h4 {
    font-size: 18px !important;
  }

  h5, .h5 {
    font-size: 17px !important;
  }

  h6, .h6 {
    font-size: 16px !important;
  }
}