/* Ширина всего скроллбара */
::-webkit-scrollbar {
    width: 10px;
    background-color: #050505; /* Цвет дорожки */
}
/* Когда страница активно скроллится, ползунок становится ярче */
body.is-scrolling::-webkit-scrollbar-thumb {
    background: #D4FC1E;
    box-shadow: 0 0 10px rgba(212, 252, 30, 0.4);
}

/* Бегунок (ползунок) */
::-webkit-scrollbar-thumb {
    background: #222; /* Цвет по умолчанию */
    border-radius: 20px;
    border: 2px solid #050505; /* Отступ вокруг ползунка */
    transition: background 0.3s ease;
}

/* Цвет бегунка при наведении */
::-webkit-scrollbar-thumb:hover {
    background: #D4FC1E; /* Ваш фирменный лимонный цвет */
}

/* Для Firefox (поддерживает только базовые настройки) */
* {
    scrollbar-width: thin;
    scrollbar-color: #222 #050505;
}