@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100..900&display=swap');

:root {
    --font-vazir: 'Vazirmatn', sans-serif;
}

body {
    font-family: var(--font-vazir);
}

/* Custom scrollbar for better look in dark mode */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.dark ::-webkit-scrollbar-track {
    background: #2d3748;
}

::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.dark ::-webkit-scrollbar-thumb {
    background: #4a5568;
}

/* Range slider styling fix for RTL if needed, though native inputs usually handle it well */
input[type=range] {
    direction: ltr; /* Ranges work better LTR even in RTL layouts usually, or keep RTL if consistent */
}