@font-face {
    font-family: 'IRANSansApp';
    src: local('IRANSans'), local('IRANSansWeb'), local('IRANSansX'),
         url('/Fonts/Vazir-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IRANSansApp';
    src: local('IRANSans'), local('IRANSansWeb'), local('IRANSansX'),
         url('/Fonts/Vazir-Medium.woff2') format('woff2');
    font-weight: 400 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IRANSansApp';
    src: local('IRANSans Bold'), local('IRANSansWeb Bold'), local('IRANSansX Bold'),
         url('/Fonts/Vazir-Bold.woff2') format('woff2');
    font-weight: 700 900;
    font-style: normal;
    font-display: swap;
}

:root {
    --app-font-family: 'IRANSansApp', 'IRANSans', 'IRANSansX', Tahoma, sans-serif;
    --bs-body-font-family: var(--app-font-family);
    --bs-font-sans-serif: var(--app-font-family);
}

html,
body,
button,
input,
select,
textarea,
optgroup,
table,
th,
td,
label,
a,
p,
span,
div,
nav,
aside,
main,
header,
footer,
h1,
h2,
h3,
h4,
h5,
h6,
small,
strong,
b,
code,
pre,
kbd,
samp {
    font-family: var(--app-font-family) !important;
}