/* Tajawal Font System */
@import url("https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap");

/* Tajawal Font Weight Classes */
.tajawal-extralight {
  font-family: "Tajawal", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.tajawal-light {
  font-family: "Tajawal", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.tajawal-regular {
  font-family: "Tajawal", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.tajawal-medium {
  font-family: "Tajawal", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.tajawal-bold {
  font-family: "Tajawal", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.tajawal-extrabold {
  font-family: "Tajawal", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.tajawal-black {
  font-family: "Tajawal", sans-serif;
  font-weight: 900;
  font-style: normal;
}

/* Global Font Override */
* {
  font-family: "Tajawal", sans-serif !important;
}

/* Specific element overrides */
body,
html {
  font-family: "Tajawal", sans-serif !important;
  font-weight: 500;
}
*::after {
  font-family: FontAwesome, "Font Awesome 5 Free", "Font Awesome 5 Brands" !important;
}

/* Override for icon fonts - preserve their font-family */
[class*="icon-"],
[class^="icon-"],
.fa,
.fas,
.far,
.fab,
.fal,
[class*="icomoon-"],
[class^="icomoon-"] {
  font-family: icomoon, FontAwesome, "Font Awesome 5 Free",
    "Font Awesome 5 Brands" !important;
}

/* Ensure CDN icomoon icons work properly */
.icon:before,
[class*=" icon-"]:before,
[class^="icon-"]:before {
  font-family: icomoon !important;
}