/* ============================================================
 * scrollbar-v4.css — UNIQUE source de la scrollbar gold We Event
 * Importée par :
 *   - public/css/modules/base.css (chargé par styles.css sur les 19 pages HTML statiques)
 *   - src/index.css (chargé par le SPA React Vite : login, register, dashboards)
 * Tokens V4 : --gold-v4 #C9A84C, --navy-v4 #091C3B
 * ============================================================ */

:root {
  --sb-thumb: #C9A84C;          /* gold v4 */
  --sb-thumb-hover: #B08C35;
  --sb-track: rgba(9, 28, 59, 0.06); /* navy 6% */
}

/* Firefox */
html {
  scrollbar-color: var(--sb-thumb) var(--sb-track);
  scrollbar-width: thin;
}

/* WebKit (Chrome / Edge / Safari) */
*::-webkit-scrollbar { width: 10px; height: 10px; }
*::-webkit-scrollbar-track { background: var(--sb-track); border-radius: 8px; }
*::-webkit-scrollbar-thumb {
  background: var(--sb-thumb);
  border-radius: 8px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
*::-webkit-scrollbar-thumb:hover {
  background: var(--sb-thumb-hover);
  background-clip: padding-box;
  border: 2px solid transparent;
}
*::-webkit-scrollbar-corner { background: transparent; }

/* Variante fine 6px pour listes internes (dropdowns, sidebars) */
.sb-thin::-webkit-scrollbar,
.scroll-thin::-webkit-scrollbar { width: 6px; height: 6px; }
.sb-thin,
.scroll-thin { scrollbar-width: thin; }