@font-face {
    font-family: 'Vazirmatn';
    src: url('./../font/vazirmatn/Vazirmatn-Variable.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}


:root {
    --font-sans: 'Vazirmatn', Tahoma, system-ui, sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace;
}

body {
    font-family: var(--font-sans);

    /*
     * Vazirmatn substitutes 0-9 with Persian-Indic digit glyphs whenever
     * `lang="fa"` is set on the page, even though the underlying text is
     * plain ASCII digits — that's the OpenType `locl` feature, and it fires
     * regardless of what number formatting the backend does. Disabling it
     * here is the one place that fixes every number on the site at once;
     * per-page digit conversion would be undone by the font again anyway.
     */
    font-feature-settings: "locl" 0;
}


input {
    outline: none !important;
}


textarea {
    outline: none !important;
}

input[type="number"] {
    -moz-appearance: textfield;
    appearance: textfield;
}


* {
    scrollbar-width: thin;
    scrollbar-color: #27272a transparent;
}


*::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

*::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 8px;
}

*::-webkit-scrollbar-thumb {
    background-color: #27272a;
    border-radius: 8px;
}

*::-webkit-scrollbar-thumb:hover {
    background-color: #3f3f46;
}

*::-webkit-scrollbar-corner {
    background: transparent;
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 8px;
}

::-webkit-scrollbar-thumb {
    background-color: #27272a;
    border-radius: 8px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #3f3f46;
}

::-webkit-scrollbar-corner {
    background: transparent;
}


input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
