/* assets/css/scrollbar.css - themed scrollbars for the storefront and the sellers area.
   Follows [data-theme] (dark default) and the brand blue; thin, rounded, transparent track. */
:root {
    --sb-thumb:       rgba(129, 140, 248, .38);
    --sb-thumb-hover: rgba(129, 140, 248, .65);
    --sb-track:       transparent;
}
[data-theme="light"] {
    --sb-thumb:       rgba(79, 70, 229, .35);
    --sb-thumb-hover: rgba(79, 70, 229, .6);
}

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

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

/* Native controls (and any default scrollbar) follow the theme, not the OS */
[data-theme="dark"]  { color-scheme: dark; }
[data-theme="light"] { color-scheme: light; }