/* Scrollbar Styles */
[data-theme="dark"] ::-webkit-scrollbar {
    width: 8px;
}

[data-theme="dark"] ::-webkit-scrollbar-track {
    background: var(--secondary-color);
    border-radius: 4px;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: var(--primary-color);
    border-radius: 4px;
    transition: var(--transition);
}

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: var(--primary-dark);
}

[data-theme="light"] ::-webkit-scrollbar-track {
    background: #f1f1f1;
}

[data-theme="light"] ::-webkit-scrollbar-thumb {
    background: var(--primary-color);
}

[data-theme="light"] ::-webkit-scrollbar-thumb:hover {
    background: var(--primary-dark);
}

/* Firefox */
[data-theme="dark"] {
    scrollbar-width: thin;
    scrollbar-color: var(--primary-color) var(--secondary-color);
}

[data-theme="light"] {
    scrollbar-width: thin;
    scrollbar-color: var(--primary-color) #f1f1f1;
}