/* Shared catalog foundation. Keep component migrations scoped to their tabs. */
html[data-theme],
html[data-theme] * {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb) var(--surface-0);
}
html[data-theme] ::-webkit-scrollbar,
html[data-theme]::-webkit-scrollbar {
  width: var(--space-2);
  height: var(--space-2);
}
html[data-theme] ::-webkit-scrollbar-track,
html[data-theme] ::-webkit-scrollbar-corner,
html[data-theme]::-webkit-scrollbar-track,
html[data-theme]::-webkit-scrollbar-corner {
  background: var(--surface-0);
}
html[data-theme] ::-webkit-scrollbar-thumb,
html[data-theme]::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
  border-radius: var(--radius-pill);
}
html[data-theme] ::-webkit-scrollbar-thumb:hover,
html[data-theme]::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb-hover);
}
