/* ==========================================================
   BASE › SCROLLBAR
   Customização da barra de rolagem (Firefox + WebKit/Blink)
   ========================================================== */

html {
    scrollbar-color: var(--green-700) var(--green-100);
    scrollbar-width: thin;
}

::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

::-webkit-scrollbar-track {
    background: var(--green-100);
}

::-webkit-scrollbar-thumb {
    border: 3px solid var(--green-100);
    border-radius: 999px;
    background: var(--green-700);
}

::-webkit-scrollbar-thumb:hover {
    background: var(--green-950);
}