/* Global themed scrollbar styles for web (Chrome, Edge, Safari, Firefox)
   Uses existing CSS variables so colors switch automatically with light/dark. */

/* Firefox (applies to all scrollable elements) */
* {
  scrollbar-width: thin; /* auto | thin | none */
  scrollbar-color: var(--lc-surface-disabled) var(--lc-background);
}

/* WebKit/Blink (Chrome, Edge, Safari) */
*::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

*::-webkit-scrollbar-track {
  background: var(--lc-background);
}

*::-webkit-scrollbar-thumb {
  background-color: var(--lc-surface-disabled);
  border-radius: 12px;
  border: 2px solid var(--lc-background); /* creates inset look and respects theme */
}

*::-webkit-scrollbar-thumb:hover {
  /* Slightly stronger contrast on hover while remaining theme-aware */
  background-color: var(--lc-on-background);
}

*::-webkit-scrollbar-corner {
  background: var(--lc-background);
}