/* Dark Theme Scrollbar */
html::-webkit-scrollbar,
html.dark-theme::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

html::-webkit-scrollbar-track,
html.dark-theme::-webkit-scrollbar-track {
    background: #0d0d0d;
    border-radius: 0;
}

html::-webkit-scrollbar-thumb,
html.dark-theme::-webkit-scrollbar-thumb {
    background: #333;
    border-radius: 6px;
    border: 2px solid #0d0d0d;
}

html::-webkit-scrollbar-thumb:hover,
html.dark-theme::-webkit-scrollbar-thumb:hover {
    background: #4a4a4a;
}

html::-webkit-scrollbar-thumb:active,
html.dark-theme::-webkit-scrollbar-thumb:active {
    background: #5a5a5a;
}

html::-webkit-scrollbar-corner,
html.dark-theme::-webkit-scrollbar-corner {
    background: #0d0d0d;
}

/* Firefox - Dark */
html,
html.dark-theme {
    scrollbar-width: thin;
    scrollbar-color: #333 #0d0d0d;
}

/* Light Theme Scrollbar */
html.light-theme::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

html.light-theme::-webkit-scrollbar-track {
    background: #f5f5f5;
}

html.light-theme::-webkit-scrollbar-thumb {
    background: #c0c0c0;
    border: 2px solid #f5f5f5;
}

html.light-theme::-webkit-scrollbar-thumb:hover {
    background: #a0a0a0;
}

html.light-theme::-webkit-scrollbar-thumb:active {
    background: #909090;
}

html.light-theme::-webkit-scrollbar-corner {
    background: #f5f5f5;
}

/* Firefox - Light */
html.light-theme {
    scrollbar-color: #c0c0c0 #f5f5f5;
}