/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

::-webkit-scrollbar-track {
  background: var(--bg-secondary);
}

::-webkit-scrollbar-thumb {
  background: var(--border-color);
  border-radius: var(--radius);
  border: 2px solid var(--bg-secondary);
}

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

/* Retro theme scrollbar */
[data-theme="retro"] ::-webkit-scrollbar {
  width: 16px;
  height: 16px;
}

[data-theme="retro"] ::-webkit-scrollbar-track {
  background: #1a1a1a;
  border: 2px solid var(--border-color);
}

[data-theme="retro"] ::-webkit-scrollbar-thumb {
  background: var(--accent);
  border-radius: 0;
  border: 2px solid #1a1a1a;
}

[data-theme="retro"] ::-webkit-scrollbar-thumb:hover {
  background: var(--accent-light);
}

/* Leather theme scrollbar */
[data-theme="leather"] ::-webkit-scrollbar-track {
  background: #0d0a08;
}

[data-theme="leather"] ::-webkit-scrollbar-thumb {
  background: #c9a227;
  border-radius: 6px;
}

[data-theme="retro"] ::-webkit-scrollbar-thumb:hover {
  background: #f4d03f;
}

/* Firefox scrollbar */
* {
  scrollbar-width: thin;
  scrollbar-color: var(--border-color) var(--bg-secondary);
}

[data-theme="retro"] * {
  scrollbar-width: thin;
  scrollbar-color: var(--accent) #1a1a1a;
}

[data-theme="leather"] * {
  scrollbar-color: #c9a227 #0d0a08;
}