:root, body {
  --font-body--family: "Noto Sans Arabic", Arial, sans-serif;
  --font-heading--family: "Aref Ruqaa", serif;
  --font-subheading--family: "Noto Sans Arabic", Arial, sans-serif;
  --font-accent--family: "Noto Sans Arabic", Arial, sans-serif;
}
body { font-family: var(--font-body--family); }
button, input, select, textarea { font-family: inherit; }
body :is(h1, h2, .khlgan-site-header__brand span) { font-family: var(--font-heading--family); }