@font-face {
  font-family: "DINNextLTArabic";
  src: url("../fonts/ar/ArbFONTS-DINNextLTArabic-Regular-2.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "DINNextLTArabic";
  src: url("../fonts/ar/ArbFONTS-DINNextLTArabic-Medium-3.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "DINNextLTArabic";
  src: url("../fonts/ar/ArbFONTS-DINNextLTArabic-Bold-4.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "DINNextLTArabic";
  src: url("../fonts/ar/ArbFONTS-DINNextLTArabic-Black-3.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/en/Poppins-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/en/Poppins-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/en/Poppins-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/en/Poppins-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

html[lang="ar"],
html[dir="rtl"] {
  --app-font: "DINNextLTArabic";
}

html[lang="en"],
html[dir="ltr"] {
  --app-font: "Poppins";
}

html,
body,
button,
input,
select,
textarea {
  font-family: var(--app-font, "Poppins"), system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

.font-sans {
  font-family: var(--app-font, "Poppins"), system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
}