scroolbar

/* Light mode scrollbar */
::-webkit-scrollbar {
    width: 10px; /* স্ক্রলবারের প্রস্থ */
    height: 10px; /* স্ক্রলবারের উচ্চতা (horizontal scrollbar এর জন্য) */
}

::-webkit-scrollbar-track {
    background-color: var(--bg-light); /* স্ক্রলবার ট্র্যাকের ব্যাকগ্রাউন্ড */
}

::-webkit-scrollbar-thumb {
    background-color: var(--primary-color); /* স্ক্রলবারের থাম্ব বা বাটনের কালার */
    border-radius: 10px; /* স্ক্রলবার থাম্বের কোণার গোলাকার রূপ */
}

::-webkit-scrollbar-thumb:hover {
    background-color: var(--primary-color); /* স্ক্রলবারের থাম্বে হোভার করলে কালার পরিবর্তন হবে */
}

/* Dark mode scrollbar */
.dark ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.dark ::-webkit-scrollbar-track {
    background-color: var(--bg-dark); /* ডার্ক মোডের জন্য ট্র্যাক কালার */
}

.dark ::-webkit-scrollbar-thumb {
    background-color: var(--primary-color); /* ডার্ক মোডের থাম্ব কালার */
    border-radius: 10px;
}

.dark ::-webkit-scrollbar-thumb:hover {
    background-color: var(--primary-color); /* হোভার করলে কালার পরিবর্তন হবে */
}