/* ===============================================
    ⭐ Global Site Scrollbar
=============================================== */
:root
{
  --scrollbar-track-bg: #070910;
  --scrollbar-thumb-bg: #7170F9;
  --scrollbar-thumb-hover: #8e8dfc;
  --scrollbar-thumb-border: #070910;
  --scrollbar-width: 10px;
  --scrollbar-radius: 10px;
}

/* Para navegadores WebKit (Chrome, Edge, Safari) */
::-webkit-scrollbar
{
  width: var(--scrollbar-width) !important;
}

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

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

::-webkit-scrollbar-thumb:hover
{
  background-color: var(--scrollbar-thumb-hover) !important;
}

/* Para Firefox */
*
{
  scrollbar-width: thin !important;
  scrollbar-color: var(--scrollbar-thumb-bg) var(--scrollbar-track-bg) !important;
}