/* ===== Scrollbar ===== */

/* CHROME, EDGE, OPERA */
::-webkit-scrollbar {
    width: 10px;
    background: #111; /* fundo escuro combinando com site */
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #c00000, #ff2b2b);
    border-radius: 6px;
    border: 2px solid #111; /* cria borda interna */
    box-shadow: 0 0 8px rgba(255, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #ff0000, #ff4a4a);
    box-shadow: 0 0 12px rgba(255, 0, 0, 0.9);
}

::-webkit-scrollbar-corner {
    background: #111;
}

/* ===== FIREFOX ===== */
* {
    scrollbar-width: thin;
    scrollbar-color: #ff2b2b #0d0d0d;
}