@font-face {
    font-family: "Noto Sans";
    src: url("/Assets/fonts/ef3/noto-sans/NotoSans-VariableFont_wdth,wght.ttf") format("truetype");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Vazirmatn";
    src: url("/Assets/fonts/ef3/vazirmatn/Vazirmatn-VariableFont_wght.ttf") format("truetype");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

:root {
    --ef3-font-family: "Noto Sans", "Segoe UI", Arial, sans-serif;
    --ef3-font-family-rtl: "Vazirmatn", Tahoma, Arial, sans-serif;
}

body,
button,
input,
optgroup,
select,
textarea {
    font-family: var(--ef3-font-family);
}

html:lang(ar) body,
html:lang(fa) body,
body:lang(ar),
body:lang(fa),
html[dir="rtl"] body,
body[dir="rtl"] {
    font-family: var(--ef3-font-family-rtl);
}