/* Custom Scrollbar for Dark Theme */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: rgba(30, 30, 46, 0.5);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, var(--primary-color), var(--primary-dark));
    border-radius: 5px;
    border: 2px solid rgba(30, 30, 46, 0.5);
    transition: var(--transition);
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, var(--primary-dark), var(--primary-color));
    box-shadow: 0 0 10px rgba(108, 99, 255, 0.5);
}

::-webkit-scrollbar-corner {
    background: rgba(30, 30, 46, 0.5);
}

/* Firefox Scrollbar */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--primary-color) rgba(30, 30, 46, 0.5);
}

/* Smooth Scrolling */
html {
    scroll-behavior: smooth;
}

/* Selection Color */
::selection {
    background: rgba(108, 99, 255, 0.4);
    color: var(--light-color);
    text-shadow: 0 0 5px rgba(108, 99, 255, 0.3);
}

::-moz-selection {
    background: rgba(108, 99, 255, 0.4);
    color: var(--light-color);
    text-shadow: 0 0 5px rgba(108, 99, 255, 0.3);
}

/* Custom scrollbar for specific elements */
.notification {
    scrollbar-width: thin;
}

.notification::-webkit-scrollbar {
    width: 6px;
}

.notification::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 3px;
}

.notification::-webkit-scrollbar-thumb {
    background: var(--primary-color);
    border-radius: 3px;
}