/**
 * Staff Shell — scrollbars thématiques (couleur par sous-domaine).
 * Piste opaque (pas de rgba transparent → pas de blanc Windows sous-jacent).
 */

html.staff-html,
body.staff-body {
    --staff-scrollbar-size: 10px;
    --staff-scrollbar-track: var(--staff-bg-2, #173517);
    --staff-scrollbar-thumb: rgba(196, 117, 90, 0.72);
    --staff-scrollbar-thumb-hover: rgba(196, 117, 90, 0.92);
    color-scheme: dark;
    scrollbar-width: thin;
    scrollbar-color: var(--staff-scrollbar-thumb) var(--staff-scrollbar-track);
}

html[data-staff-theme="clair"].staff-html,
body[data-staff-theme="clair"].staff-body {
    color-scheme: light;
}

body.staff-body,
body.staff-body * {
    scrollbar-width: thin;
    scrollbar-color: var(--staff-scrollbar-thumb) var(--staff-scrollbar-track);
}

html.staff-html::-webkit-scrollbar,
body.staff-body::-webkit-scrollbar,
body.staff-body *::-webkit-scrollbar {
    width: var(--staff-scrollbar-size);
    height: var(--staff-scrollbar-size);
}

html.staff-html::-webkit-scrollbar-track,
body.staff-body::-webkit-scrollbar-track,
body.staff-body *::-webkit-scrollbar-track {
    background-color: var(--staff-scrollbar-track);
    border-radius: 999px;
}

html.staff-html::-webkit-scrollbar-thumb,
body.staff-body::-webkit-scrollbar-thumb,
body.staff-body *::-webkit-scrollbar-thumb {
    background-color: var(--staff-scrollbar-thumb);
    border-radius: 999px;
    border: 2px solid var(--staff-scrollbar-track);
}

html.staff-html::-webkit-scrollbar-thumb:hover,
body.staff-body::-webkit-scrollbar-thumb:hover,
body.staff-body *::-webkit-scrollbar-thumb:hover {
    background-color: var(--staff-scrollbar-thumb-hover);
}

html.staff-html::-webkit-scrollbar-corner,
body.staff-body::-webkit-scrollbar-corner,
body.staff-body *::-webkit-scrollbar-corner {
    background-color: var(--staff-scrollbar-track);
}

/* Sombre — piste = fond app, thumb = accent */
html[data-staff-theme="sombre"][data-staff-app="internal"],
body[data-staff-theme="sombre"][data-staff-app="internal"] {
    --staff-scrollbar-track: #173517;
    --staff-scrollbar-thumb: #9a5a44;
    --staff-scrollbar-thumb-hover: #c4755a;
}

html[data-staff-theme="sombre"][data-staff-app="cc"],
body[data-staff-theme="sombre"][data-staff-app="cc"] {
    --staff-scrollbar-track: #101828;
    --staff-scrollbar-thumb: #a67c12;
    --staff-scrollbar-thumb-hover: #d4a017;
}

html[data-staff-theme="sombre"][data-staff-app="gs"],
body[data-staff-theme="sombre"][data-staff-app="gs"] {
    --staff-scrollbar-track: #0c2424;
    --staff-scrollbar-thumb: #3d9a82;
    --staff-scrollbar-thumb-hover: #5ec4a8;
}

html[data-staff-theme="sombre"][data-staff-app="docs"],
body[data-staff-theme="sombre"][data-staff-app="docs"] {
    --staff-scrollbar-track: #181028;
    --staff-scrollbar-thumb: #7c5fd4;
    --staff-scrollbar-thumb-hover: #a78bfa;
}

html[data-staff-theme="sombre"][data-staff-app="archives"],
body[data-staff-theme="sombre"][data-staff-app="archives"] {
    --staff-scrollbar-track: #0f151c;
    --staff-scrollbar-thumb: #2d6a7a;
    --staff-scrollbar-thumb-hover: #5ec4dc;
}

html[data-staff-theme="sombre"][data-staff-app="player"],
body[data-staff-theme="sombre"][data-staff-app="player"] {
    --staff-scrollbar-track: #12100d;
    --staff-scrollbar-thumb: #7a6040;
    --staff-scrollbar-thumb-hover: #c9a56a;
}

html[data-staff-theme="sombre"][data-staff-app="mod"],
body[data-staff-theme="sombre"][data-staff-app="mod"] {
    --staff-scrollbar-track: #1e1018;
    --staff-scrollbar-thumb: #c44e58;
    --staff-scrollbar-thumb-hover: #e8767a;
}

/* Clair */
html[data-staff-theme="clair"][data-staff-app="internal"],
body[data-staff-theme="clair"][data-staff-app="internal"] {
    --staff-scrollbar-track: #e8ecf1;
    --staff-scrollbar-thumb: #b85c3a;
    --staff-scrollbar-thumb-hover: #9a4a2e;
}

html[data-staff-theme="clair"][data-staff-app="cc"],
body[data-staff-theme="clair"][data-staff-app="cc"] {
    --staff-scrollbar-track: #e8ecf1;
    --staff-scrollbar-thumb: #92680a;
    --staff-scrollbar-thumb-hover: #755008;
}

html[data-staff-theme="clair"][data-staff-app="gs"],
body[data-staff-theme="clair"][data-staff-app="gs"] {
    --staff-scrollbar-track: #e8ecf1;
    --staff-scrollbar-thumb: #047857;
    --staff-scrollbar-thumb-hover: #065f46;
}

html[data-staff-theme="clair"][data-staff-app="docs"],
body[data-staff-theme="clair"][data-staff-app="docs"] {
    --staff-scrollbar-track: #e8ecf1;
    --staff-scrollbar-thumb: #6d28d9;
    --staff-scrollbar-thumb-hover: #5b21b6;
}

html[data-staff-theme="clair"][data-staff-app="archives"],
body[data-staff-theme="clair"][data-staff-app="archives"] {
    --staff-scrollbar-track: #e8ecf1;
    --staff-scrollbar-thumb: #0e7490;
    --staff-scrollbar-thumb-hover: #0891b2;
}

html[data-staff-theme="clair"][data-staff-app="player"],
body[data-staff-theme="clair"][data-staff-app="player"] {
    --staff-scrollbar-track: #e8ecf1;
    --staff-scrollbar-thumb: #92622a;
    --staff-scrollbar-thumb-hover: #755018;
}

html[data-staff-theme="clair"][data-staff-app="mod"],
body[data-staff-theme="clair"][data-staff-app="mod"] {
    --staff-scrollbar-track: #e8ecf1;
    --staff-scrollbar-thumb: #b91c3a;
    --staff-scrollbar-thumb-hover: #9f1239;
}