:root {
    --bs-font-sans-serif: 'Vazirmatn UI FD' !important;
    --base-font-size: 14px;
    --base-line-height: 1.6;
}

html, body {
    font-size: var(--base-font-size);
    font-family: var(--bs-font-sans-serif);
    line-height: var(--base-line-height);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    direction: rtl;
}

*,
*::before,
*::after {
    box-sizing: border-box;
    font-family: inherit;
}

input,
button,
textarea,
select,
optgroup,
option {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

::placeholder { 
    font-family: inherit;
    opacity: 0.6;
}

:-ms-input-placeholder {
    font-family: inherit;
}

::-ms-input-placeholder {
    font-family: inherit;
}

::-webkit-file-upload-button {
    font: inherit;
}

code,
pre,
kbd,
samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, "Roboto Mono", "Courier New", monospace;
}

svg text {
    font-family: inherit;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.25;
    margin-top: 0;
}

@media (min-width: 1200px) {
    :root {
        --base-font-size: 15px;
    }
}

@media (max-width: 480px) {
    :root {
        --base-font-size: 13px;
    }
}