/* ------------------------------------------------------- */
/* Scrollbars finas com a cor da paleta (global)           */
/* Usa as variaveis da paleta (colors.css) quando          */
/* disponiveis e cai para o hex da paleta caso contrario,  */
/* para funcionar tambem em paginas standalone.            */
/* ------------------------------------------------------- */

/* Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--borderColor, #8c3b14) transparent;
}

/* WebKit (Chrome, Edge, Safari) */
*::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
*::-webkit-scrollbar-track {
    background: transparent;
}
*::-webkit-scrollbar-thumb {
    background-color: var(--borderColor, #8c3b14);
    border-radius: 8px;
    border: 2px solid transparent;
    background-clip: padding-box;
}
*::-webkit-scrollbar-thumb:hover {
    background-color: var(--highLightBGColor, #b4511e);
}
*::-webkit-scrollbar-corner {
    background: transparent;
}