@font-face {
    font-family: 'Vazir';
    src: url('../fonts/vazir/Vazir-Thin.woff2') format('woff2');
    font-style: normal;
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Vazir';
    src: url('../fonts/vazir/Vazir-Light.woff2') format('woff2');
    font-style: normal;
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Vazir';
    src: url('../fonts/vazir/Vazir.woff2') format('woff2');
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Vazir';
    src: url('../fonts/vazir/Vazir-Medium.woff2') format('woff2');
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Vazir';
    src: url('../fonts/vazir/Vazir-Bold.woff2') format('woff2');
    font-style: normal;
    font-weight: 700 900;
    font-display: swap;
}

:root {
    --font-persian: 'Vazir', Tahoma, 'Segoe UI', Arial, sans-serif;
}

html,
body,
button,
input,
select,
textarea,
optgroup,
option,
table,
th,
td,
.badge,
.btn,
.mono {
    font-family: var(--font-persian) !important;
}

html[lang='fa'] {
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong,
b,
.brand,
.btn,
th {
    font-weight: 700;
}

input[type='email'],
input[type='url'],
.ltr,
[data-ltr],
.code-value {
    direction: ltr;
    text-align: left;
    unicode-bidi: plaintext;
}

/* اعداد متنی با جاوااسکریپت فارسی می‌شوند؛ اعداد ورودی هنگام ارسال به لاتین برمی‌گردند. */
[data-fa-number],
.fa-number {
    font-variant-numeric: tabular-nums;
}