/*
 |--------------------------------------------------------------------------
 | Critical application font
 |--------------------------------------------------------------------------
 | The font is loaded locally and uses font-display:block intentionally.
 | This prevents the browser from painting with a fallback font and then
 | swapping to Vazir after the page is already visible (FOUT/layout shift).
 */
@font-face {
    font-family: 'Vazir';
    src: url('../fonts/vazirmatn/fonts/webfonts/Vazirmatn-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Vazir';
    src: url('../fonts/vazirmatn/fonts/webfonts/Vazirmatn-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: block;
}

:root {
    --app-font-family: 'Vazir', Tahoma, Arial, sans-serif;
}

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