/* Cały scrollbar */
::-webkit-scrollbar {
    width: 8px; 
    height: 8px;
    z-index: 100;
}

/* Kolor tła paska przewijania */
::-webkit-scrollbar-track {
    background: var(--background); 
    border-radius: 10px;
}

/* Kolor suwaka */
::-webkit-scrollbar-thumb {
    background: color-mix(in srgb, var(--primary) 40%, transparent);
    border: 2px solid var(--primary);
    box-sizing: border-box;
    border-radius: 10px;
}

/* Efekt po najechaniu */
::-webkit-scrollbar-thumb:hover {
    background: color-mix(in srgb, var(--primary) 60%, transparent);
    cursor: grab;
}