@font-face {
  font-family: "Mirsah Inter";
  src: url("fonts/InterVariable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: "Mirsah IBM Plex Sans Arabic";
  src: url("fonts/IBMPlexSansArabic-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Mirsah IBM Plex Sans Arabic";
  src: url("fonts/IBMPlexSansArabic-Medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Mirsah IBM Plex Sans Arabic";
  src: url("fonts/IBMPlexSansArabic-SemiBold.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Mirsah IBM Plex Sans Arabic";
  src: url("fonts/IBMPlexSansArabic-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

:root {
  --font-latin: "Mirsah Inter", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-arabic-local: "Mirsah IBM Plex Sans Arabic", "Segoe UI", "Noto Sans Arabic", Arial, Tahoma, sans-serif;
}

html[lang="ar"] body {
  font-family: var(--font-arabic-local);
  line-height: 1.82;
}

html[lang="ar"] h1 { line-height: 1.16; }
html[lang="ar"] h2 { line-height: 1.25; }
html[lang="ar"] h3 { line-height: 1.4; }
html[lang="ar"] .hero-copy { line-height: 1.85; }
html[lang="ar"] .button { line-height: 1.45; }