/* Fallback with similar metrics to Vazirmatn to reduce CLS on font swap */
@font-face {
  font-family: "Vazirmatn FD fallback";
  src: local("Arial");
  size-adjust: 96%;
  ascent-override: 92%;
  descent-override: 24%;
}

@font-face {
  font-family: "Sahel";
  src: url("sahel/Sahel-FD.eot");
  src: url("sahel/Sahel-FD.eot?#iefix") format("embedded-opentype"),
    url("sahel/Sahel-FD.woff") format("woff"),
    url("sahel/Sahel-FD.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sahel";
  src: url("sahel/Sahel-Bold-FD.eot");
  src: url("sahel/Sahel-Bold-FD.eot?#iefix") format("embedded-opentype"),
    url("sahel/Sahel-Bold-FD.woff") format("woff"),
    url("sahel/Sahel-Bold-FD.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sahel";
  src: url("sahel/Sahel-Black-FD.eot");
  src: url("sahel/Sahel-Black-FD.eot?#iefix") format("embedded-opentype"),
    url("sahel/Sahel-Black-FD.woff") format("woff"),
    url("sahel/Sahel-Black-FD.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Nazanin";
  src: url("bnazanin/bnazanin.eot");
  src: url("bnazanin/bnazanin.eot?#iefix") format("embedded-opentype"),
    url("bnazanin/bnazanin.woff") format("woff"),
    url("bnazanin/bnazanin.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Vazirmatn FD";
  src: url("Vazirmatn/Vazirmatn-FD-Thin.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: optional;
}
@font-face {
  font-family: "Vazirmatn FD";
  src: url("Vazirmatn/Vazirmatn-FD-ExtraLight.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: optional;
}
@font-face {
  font-family: "Vazirmatn FD";
  src: url("Vazirmatn/Vazirmatn-FD-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: optional;
}
@font-face {
  font-family: "Vazirmatn FD";
  src: url("Vazirmatn/Vazirmatn-FD-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: optional;
}
@font-face {
  font-family: "Vazirmatn FD";
  src: url("Vazirmatn/Vazirmatn-FD-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: optional;
}
@font-face {
  font-family: "Vazirmatn FD";
  src: url("Vazirmatn/Vazirmatn-FD-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: optional;
}
@font-face {
  font-family: "Vazirmatn FD";
  src: url("Vazirmatn/Vazirmatn-FD-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: optional;
}
@font-face {
  font-family: "Vazirmatn FD";
  src: url("Vazirmatn/Vazirmatn-FD-ExtraBold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: optional;
}
@font-face {
  font-family: "Vazirmatn FD";
  src: url("Vazirmatn/Vazirmatn-FD-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: optional;
}
:root {
  --font-sans: "Vazirmatn FD", "Vazirmatn FD fallback", "Sahel", system-ui, -apple-system, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-serif: "Nazanin", Georgia, "Times New Roman", Times, serif;
  --sahel-regular-eot: url("sahel/Sahel-FD.eot");
  --sahel-regular-eot-iefix: url("sahel/Sahel-FD.eot?#iefix");
  --sahel-regular-woff: url("sahel/Sahel-FD.woff");
  --sahel-regular-ttf: url("sahel/Sahel-FD.ttf");
  --sahel-bold-eot: url("sahel/Sahel-Bold-FD.eot");
  --sahel-bold-eot-iefix: url("sahel/Sahel-Bold-FD.eot?#iefix");
  --sahel-bold-woff: url("sahel/Sahel-Bold-FD.woff");
  --sahel-bold-ttf: url("sahel/Sahel-Bold-FD.ttf");
  --sahel-black-eot: url("sahel/Sahel-Black-FD.eot");
  --sahel-black-eot-iefix: url("sahel/Sahel-Black-FD.eot?#iefix");
  --sahel-black-woff: url("sahel/Sahel-Black-FD.woff");
  --sahel-black-ttf: url("sahel/Sahel-Black-FD.ttf");
  --bnazanin-eot: url("bnazanin/bnazanin.eot");
  --bnazanin-eot-iefix: url("bnazanin/bnazanin.eot?#iefix");
  --bnazanin-woff: url("bnazanin/bnazanin.woff");
  --bnazanin-ttf: url("bnazanin/bnazanin.ttf");
  --vazirmatn-100: url("Vazirmatn/Vazirmatn-FD-Thin.woff2");
  --vazirmatn-200: url("Vazirmatn/Vazirmatn-FD-ExtraLight.woff2");
  --vazirmatn-300: url("Vazirmatn/Vazirmatn-FD-Light.woff2");
  --vazirmatn-400: url("Vazirmatn/Vazirmatn-FD-Regular.woff2");
  --vazirmatn-500: url("Vazirmatn/Vazirmatn-FD-Medium.woff2");
  --vazirmatn-600: url("Vazirmatn/Vazirmatn-FD-SemiBold.woff2");
  --vazirmatn-700: url("Vazirmatn/Vazirmatn-FD-Bold.woff2");
  --vazirmatn-800: url("Vazirmatn/Vazirmatn-FD-ExtraBold.woff2");
  --vazirmatn-900: url("Vazirmatn/Vazirmatn-FD-Black.woff2");
}
html,
body {
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@font-face {
  font-family: "Sahel";
  src: var(--sahel-regular-eot);
  src: var(--sahel-regular-eot-iefix) format("embedded-opentype"),
    var(--sahel-regular-woff) format("woff"),
    var(--sahel-regular-ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sahel";
  src: var(--sahel-bold-eot);
  src: var(--sahel-bold-eot-iefix) format("embedded-opentype"),
    var(--sahel-bold-woff) format("woff"),
    var(--sahel-bold-ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sahel";
  src: var(--sahel-black-eot);
  src: var(--sahel-black-eot-iefix) format("embedded-opentype"),
    var(--sahel-black-woff) format("woff"),
    var(--sahel-black-ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Nazanin";
  src: var(--bnazanin-eot);
  src: var(--bnazanin-eot-iefix) format("embedded-opentype"),
    var(--bnazanin-woff) format("woff"), var(--bnazanin-ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Vazirmatn FD";
  src: var(--vazirmatn-100) format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Vazirmatn FD";
  src: var(--vazirmatn-200) format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Vazirmatn FD";
  src: var(--vazirmatn-300) format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Vazirmatn FD";
  src: var(--vazirmatn-400) format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Vazirmatn FD";
  src: var(--vazirmatn-500) format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Vazirmatn FD";
  src: var(--vazirmatn-600) format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Vazirmatn FD";
  src: var(--vazirmatn-700) format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Vazirmatn FD";
  src: var(--vazirmatn-800) format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Vazirmatn FD";
  src: var(--vazirmatn-900) format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}