:root {
  color-scheme: dark;
  --scroll-track: #11141b;
  --scroll-thumb: #3e4559;
  --scroll-hover: #697399;
}
:root:has(body.light), body.light {
  color-scheme: light;
  --scroll-track: #f5f6fa;
  --scroll-thumb: #bcc2d2;
  --scroll-hover: #939bb3;
}
* { scrollbar-width: thin; scrollbar-color: var(--scroll-thumb) var(--scroll-track); }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track, ::-webkit-scrollbar-corner { background: var(--scroll-track); }
::-webkit-scrollbar-thumb { background: var(--scroll-thumb); border: 2px solid var(--scroll-track); border-radius: 8px; }
::-webkit-scrollbar-thumb:hover { background: var(--scroll-hover); }