:root {
    --background-color: #ffffff;
    --accent-color: #007bff;
}

[data-theme="dark"] {
    --background-color: #121212;
    --accent-color: #1e90ff;
}

::-webkit-scrollbar {
    width: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-track {
    background-color: var(--background-color);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background-color: var(--accent-color);
    border-radius: 10px;
    transition: background-color 0.3s ease;
}

::-webkit-scrollbar-thumb:hover {
    background-color: lighten(var(--accent-color), 15%);
}