/**
 * Kampio — scrollbars fluides (site entier)
 * Les zones qui masquent volontairement la barre (chips horizontaux, etc.)
 * conservent leurs règles locales plus spécifiques.
 */

html {
    scroll-behavior: smooth;
    scrollbar-gutter: stable;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}

*,
*::before,
*::after {
    scrollbar-width: thin;
    scrollbar-color: rgba(15, 45, 58, 0.28) transparent;
}

*::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

*::-webkit-scrollbar-track {
    background: transparent;
}

*::-webkit-scrollbar-thumb {
    background-color: rgba(15, 45, 58, 0.22);
    border-radius: 999px;
    border: 2px solid transparent;
    background-clip: padding-box;
    transition: background-color 0.2s ease;
}

*::-webkit-scrollbar-thumb:hover {
    background-color: rgba(15, 45, 58, 0.38);
}

*::-webkit-scrollbar-corner {
    background: transparent;
}

@media (pointer: coarse) {
    * {
        -webkit-overflow-scrolling: touch;
    }
}