/* Tajawal Black = 900 */
@font-face{
  font-family:"Tajawal";
  src:url("../fonts/subset-Tajawal-Black.woff2") format("woff2"),
      url("../fonts/subset-Tajawal-Black.woff") format("woff");
  font-weight:900;
  font-style:normal;
  font-display:swap;
}

/* Rubik Regular = 400 */
@font-face{
  font-family:"Rubik";
  src:url("../fonts/subset-Rubik-Regular.woff2") format("woff2"),
      url("../fonts/subset-Rubik-Regular.woff") format("woff");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}

/* Rubik Bold = 700 */
@font-face{
  font-family:"Rubik";
  src:url("../fonts/subset-Rubik-Bold.woff2") format("woff2"),
      url("../fonts/subset-Rubik-Bold.woff") format("woff");
  font-weight:700;
  font-style:normal;
  font-display:swap;
}

/* Cairo Regular = 400  (لو تحتاجه في أماكن معيّنة) */
@font-face{
  font-family:"Cairo";
  src:url("../fonts/Cairo-Regular.woff2") format("woff2"),
      url("../fonts/Cairo-Regular.woff") format("woff");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}

/* اجعل الخط الافتراضي للموقع */
:root{
  --app-font: "Rubik", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --heading-font: "Tajawal", var(--app-font);
}
html,body{ font-family: var(--app-font); }
h1,h2,h3,.heading{ font-family: var(--heading-font); }