/* ShareMAX landing page: native page scrollbar */
:root {
  --sm-scroll-track: #ededed;
  --sm-scroll-thumb: #e53935;
  --sm-scroll-hover: #c62828;
}
/* Explicit theme switches on html or body. */
:root:is([data-theme="dark"], [data-bs-theme="dark"], [data-mode="dark"], [data-mode="night"], .dark, .dark-mode, .theme-dark, .night-mode),
:root:has(body:is([data-theme="dark"], [data-bs-theme="dark"], [data-mode="dark"], [data-mode="night"], .dark, .dark-mode, .theme-dark, .night-mode)) {
  --sm-scroll-track: #25272d;
  --sm-scroll-thumb: #ef5350;
  --sm-scroll-hover: #ff7774;
}
html {
  scrollbar-width: thin;
  scrollbar-color: var(--sm-scroll-thumb) var(--sm-scroll-track);
}
html::-webkit-scrollbar { width: 8px; }
html::-webkit-scrollbar-track { background: var(--sm-scroll-track); }
html::-webkit-scrollbar-thumb {
  background: var(--sm-scroll-thumb);
  border: 2px solid var(--sm-scroll-track);
  border-radius: 20px;
}
html::-webkit-scrollbar-thumb:hover { background: var(--sm-scroll-hover); }
@media (forced-colors: active) {
  html { scrollbar-color: auto; }
}