@font-face {
    font-family: "Vazirmatn";
    src: url("Vazirmatn[wght].woff2") format("woff2"),
         url("Vazirmatn[wght].ttf") format("truetype");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Vazirmatn";
    src: url("Vazirmatn-Black.woff2") format("woff2"),
         url("Vazirmatn-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Vazirmatn";
    src: url("Vazirmatn-ExtraBold.woff2") format("woff2"),
         url("Vazirmatn-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Vazirmatn";
    src: url("Vazirmatn-ExtraLight.woff2") format("woff2"),
         url("Vazirmatn-ExtraLight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Vazirmatn";
    src: url("Vazirmatn-Light.woff2") format("woff2"),
         url("Vazirmatn-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Vazirmatn";
    src: url("Vazirmatn-SemiBold.woff2") format("woff2"),
         url("Vazirmatn-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Vazirmatn";
    src: url("Vazirmatn-Thin.woff2") format("woff2"),
         url("Vazirmatn-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

:root {
    --bs-font-sans-serif: "Vazirmatn", Tahoma, Arial, sans-serif;
    --bs-body-font-family: var(--bs-font-sans-serif);
}

html[lang="fa"],
html[lang="fa"] body {
    font-family: "Vazirmatn", Tahoma, Arial, sans-serif;
}