:root {
  --scroll-color: #520303;
}

/* Chrome, Edge, Safari */
::-webkit-scrollbar {
  width: 15px;
}

::-webkit-scrollbar-track {
  background: #0d0d0d;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #520303, #220101);
  border-radius: 10px;
  box-shadow: 0 0 6px rgba(212, 175, 55, 0.4);
  border: 2px solid #0d0d0d;
  transition: background 0.4s ease, box-shadow 0.4s ease;
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #f5d76e, #b38b2e);
  box-shadow: 0 0 10px rgba(245, 215, 110, 0.6);
}

/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #520303 rgba(0,0,0,0.6);
}