/*
 * Barre de défilement (scrollbar) personnalisée — Inkwell
 * Support Chrome/Edge/Safari (::-webkit-scrollbar) et Firefox (scrollbar-color)
 */

/* Firefox */
html {
    scrollbar-width: thin;
    scrollbar-color: var(--couleur-corail) var(--couleur-beige);
}

/* Chrome, Edge, Safari */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

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

::-webkit-scrollbar-thumb {
    background-color: var(--couleur-corail);
    border-radius: 999px;
    border: 2px solid var(--couleur-beige);
}

::-webkit-scrollbar-thumb:hover {
    background-color: #ff5153;
}

::-webkit-scrollbar-corner {
    background: var(--couleur-beige);
}

/* Sur fond sombre (section--sombre, pied-de-page), la scrollbar reste cohérente
   uniquement si l'utilisateur scrolle DANS un conteneur interne à cette section
   (ex: une liste de commentaires scrollable) */
.section--sombre,
.pied-de-page {
    scrollbar-color: var(--couleur-corail) var(--couleur-anthracite);
}

.section--sombre ::-webkit-scrollbar-track,
.pied-de-page ::-webkit-scrollbar-track {
    background: var(--couleur-anthracite);
}

.section--sombre ::-webkit-scrollbar-thumb,
.pied-de-page ::-webkit-scrollbar-thumb {
    border-color: var(--couleur-anthracite);
}