* {
    scrollbar-width: thin;
    scrollbar-color: rgba(6, 185, 234, 0.8) var(--background-color);
}

/* Estilos para WebKit (Chrome, Safari, Edge moderno) */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: var(--background-color);
}

::-webkit-scrollbar-thumb {
    background: rgba(6, 185, 234, 0.8);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(6, 185, 234, 0.6);
}

/* Estilos específicos para textareas */
textarea::-webkit-scrollbar {
    width: 8px;
}

textarea::-webkit-scrollbar-track {
    background: var(--background-color);
}

textarea::-webkit-scrollbar-thumb {
    background: rgba(6, 185, 234, 0.8);
    border-radius: 5px;
}

textarea::-webkit-scrollbar-thumb:hover {
    background: rgba(6, 185, 234, 0.6);
}