/**
 * Native scrollbar styles
 * Replaces OverlayScrollbars with zero JavaScript
 */

/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: oklch(0.5 0.05 var(--hue) / 0.3) transparent;
}

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

*::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 4px;
}

*::-webkit-scrollbar-thumb {
  background: oklch(0.5 0.05 var(--hue) / 0.3);
  border-radius: 4px;
  transition: background 0.2s ease;
}

*::-webkit-scrollbar-thumb:hover {
  background: oklch(0.5 0.05 var(--hue) / 0.5);
}

*::-webkit-scrollbar-thumb:active {
  background: oklch(0.5 0.05 var(--hue) / 0.7);
}

/* Dark mode adjustments */
.dark *::-webkit-scrollbar-thumb {
  background: oklch(0.7 0.05 var(--hue) / 0.3);
}

.dark *::-webkit-scrollbar-thumb:hover {
  background: oklch(0.7 0.05 var(--hue) / 0.5);
}

.dark *::-webkit-scrollbar-thumb:active {
  background: oklch(0.7 0.05 var(--hue) / 0.7);
}

/* Katex formula containers */
.katex-display {
  overflow-x: auto;
  overflow-y: hidden;
  max-width: 100%;
}

.katex-display::-webkit-scrollbar {
  height: 6px;
}