:root {
    --color-gray: #282828;
    --color-gray-2: #393939;
    --color-gray-3: #8b8b9a;
    --color-gray-4: #cccccc30;
    --color-gray-5: #ECEFF1;
    --color-gray-6: #f4f2ee;
    --color-gray-7: #b2b2c5;
    --color-blue: #0e1b70;
    --color-blue-2: #12167b;
    --color-blue-3: #26264b;
    --color-blue-4: #2C3E50;
    --color-blue-5: #15162b;
    --color-blue-6: #1c2179;
    --color-cian: #0098ca;
    --color-cian-2: #00b0ea74;
}


body {
    font-family: "Barlow Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Estilizando a barra de rolagem */
::-webkit-scrollbar {
    width: 10px;
    /* Largura da barra de rolagem */
}

::-webkit-scrollbar-track {
    background: var(--color-gray-6);
    /* Cor do fundo da barra de rolagem */
}

::-webkit-scrollbar-thumb {
    background: var(--color-cian);
    /* Cor da barra de rolagem */
}

::-webkit-scrollbar-thumb:hover {
    background: var(--color-cian-2);
    /* Cor da barra de rolagem ao passar o mouse */
}