/* Ezekiell — jednolite ciemne scrollbary (cała strona) */

:root {
  color-scheme: dark;
  --ez-scroll-size: 8px;
  --ez-scroll-track: #0a0a0c;
  --ez-scroll-thumb: rgba(232, 28, 90, 0.42);
  --ez-scroll-thumb-hover: rgba(232, 28, 90, 0.62);
  --ez-scroll-thumb-active: rgba(255, 77, 122, 0.78);
}

html {
  scrollbar-width: thin;
  scrollbar-color: var(--ez-scroll-thumb) var(--ez-scroll-track);
}

*,
*::before,
*::after {
  scrollbar-width: thin;
  scrollbar-color: var(--ez-scroll-thumb) var(--ez-scroll-track);
}

*::-webkit-scrollbar {
  width: var(--ez-scroll-size);
  height: var(--ez-scroll-size);
}

*::-webkit-scrollbar-track {
  background: var(--ez-scroll-track);
  border-radius: 999px;
}

*::-webkit-scrollbar-thumb {
  background-color: var(--ez-scroll-thumb);
  border-radius: 999px;
  border: 2px solid var(--ez-scroll-track);
  background-clip: padding-box;
}

*::-webkit-scrollbar-thumb:hover {
  background-color: var(--ez-scroll-thumb-hover);
}

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

*::-webkit-scrollbar-corner {
  background: var(--ez-scroll-track);
}

*::-webkit-scrollbar-button,
*::-webkit-scrollbar-button:single-button,
*::-webkit-scrollbar-button:vertical:start:decrement,
*::-webkit-scrollbar-button:vertical:end:increment,
*::-webkit-scrollbar-button:horizontal:start:decrement,
*::-webkit-scrollbar-button:horizontal:end:increment {
  display: none;
  width: 0;
  height: 0;
}

/* Dock — celowo bez scrollbara */
.dock-panel__items,
.dock-panel.dock-panel--compact .dock-panel__items {
  scrollbar-width: none;
}

.dock-panel__items::-webkit-scrollbar,
.dock-panel.dock-panel--compact .dock-panel__items::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

@media (prefers-reduced-motion: reduce) {
  *::-webkit-scrollbar-thumb {
    transition: none;
  }
}