/* 独立滚动条样式 - 提取自 index.html */

:root {
  /* Light Theme Colors */
  --sb-thumb: #94a3b8;        /* corresponds to --text-tertiary in index.html */
  --sb-thumb-hover: #475569;  /* corresponds to --text-secondary in index.html */
}

@media (prefers-color-scheme: dark) {
  :root {
    /* Dark Theme Colors */
    --sb-thumb: #64748b;
    --sb-thumb-hover: #94a3b8;
  }
}

[data-theme="dark"] {
  /* Explicit Dark Theme Override */
  --sb-thumb: #64748b;
  --sb-thumb-hover: #94a3b8;
}

/* Modern Scrollbar Styling */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: var(--sb-thumb);
  border-radius: 10px;
  transition: background 0.3s ease;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--sb-thumb-hover);
}

/* Firefox Scrollbar */
* {
  scrollbar-width: thin;
  scrollbar-color: var(--sb-thumb) transparent;
}