/* Browser scrollbar for the shared public site layout. */
:root {
  --public-scrollbar-track: color-mix(in srgb, var(--color-base-content) 46%, var(--color-base-100));
  scrollbar-color: #111 var(--public-scrollbar-track);
}

:root[data-theme="prism"] {
  --public-scrollbar-track: var(--color-base-200);
}

:root::-webkit-scrollbar { width: 11px; }
:root::-webkit-scrollbar-track { background: var(--public-scrollbar-track); }
:root::-webkit-scrollbar-thumb {
  border: 2px solid var(--public-scrollbar-track);
  border-radius: 999px;
  background: #111;
}
:root::-webkit-scrollbar-thumb:hover { background: #000; }