/* scrollbar.css - Custom scrollbar for all Vezity Visuals pages */

/* WebKit browsers (Chrome, Safari, Edge) */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: #F8F6F1; /* var(--bg-color) */
}

::-webkit-scrollbar-thumb {
    background: #9A8265; /* var(--accent-color) */
    border-radius: 5px;
    transition: background 0.3s ease;
}

::-webkit-scrollbar-thumb:hover {
    background: #7A6245; /* var(--accent-dark) */
}

/* Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #9A8265 #F8F6F1; /* accent-color bg-color */
}

/* Apply to body and html for full coverage */
html, body {
    scrollbar-color: #9A8265 #F8F6F1; /* Firefox */
}