/* Scrollbar global theme */
:root {
  --scrollbar-track: #0f172a;
  --scrollbar-thumb: #3b82f6;
  --scrollbar-thumb-hover: #60a5fa;
  --scrollbar-thumb-active: #2563eb;
}

* {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}

*::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

*::-webkit-scrollbar-track {
  background: color-mix(in srgb, var(--scrollbar-track) 88%, #000 12%);
  border-radius: 999px;
}

*::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, var(--scrollbar-thumb-hover) 0%, var(--scrollbar-thumb) 100%);
  border: 2px solid color-mix(in srgb, var(--scrollbar-track) 88%, #000 12%);
  border-radius: 999px;
}

*::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #93c5fd 0%, var(--scrollbar-thumb-hover) 100%);
}

*::-webkit-scrollbar-thumb:active {
  background: var(--scrollbar-thumb-active);
}

*::-webkit-scrollbar-corner {
  background: color-mix(in srgb, var(--scrollbar-track) 88%, #000 12%);
}