@font-face {
    font-family: 'jost';
    src: url('/fonts/Jost-500-Medium.ttf');
}

body {
    font-family: jost;
}

a {
    text-decoration: none;
}


:root {
    --color-black: #000000;
    --color-white-1: #ffffff;
    --color-white-2: #F2F2F2;
    --color-light-gray: #6c757d;
    --color-average-gray: #363636;
    --color-dark-gray: #2C2F40;
    --color-light-blue: #055BA6;
    --color-dark-blue: #022859;
    --color-orange: #F25C05;
}


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

/* Cor de fundo da barra de rolagem */
::-webkit-scrollbar-track {
    background-color: var(--color-white-2); /* Cor de fundo branca */
}

/* Cor da alça da barra de rolagem */
::-webkit-scrollbar-thumb {
    background-color: var(--color-average-gray); /* Cor cinza da alça da barra de rolagem */
    border-radius: 6px; /* Borda arredondada da alça */
}

/* Hover na alça da barra de rolagem */
::-webkit-scrollbar-thumb:hover {
    background-color: var(--color-light-gray); /* Cor alterada no hover */
}



/* Cores de texto */

.color-black {
    color: var(--color-black) !important;
}

.color-white-1 {
    color: var(--color-white-1) !important;
}

.color-white-2 {
    color: var(--color-white-2) !important;
}

.color-light-gray {
    color: var(--color-light-gray) !important;
}

.color-dark-gray {
    color: var(--color-dark-gray) !important;
}

.color-light-blue {
    color: var(--color-light-blue) !important;
}

.color-dark-blue {
    color: var(--color-dark-blue) !important;
}

.color-orange {
    color: var(--color-orange) !important;
}



/* Cores de fundo */

.background-black {
    background-color: var(--color-black) !important;
}

.background-white-1 {
    background-color: var(--color-white-1) !important;
}

.background-white-2 {
    background-color: var(--color-white-2) !important;
}

.background-light-gray {
    background-color: var(--color-light-gray) !important;
}

.background-dark-gray {
    background-color: var(--color-dark-gray) !important;
}

.background-blue-gray {
    background-color: var(--color-light-blue) !important;
}

.background-blue-gray {
    background-color: var(--color-dark-blue) !important;
}

.background-orange {
    background-color: var(--color-orange) !important;
}

.cookies{
    background-color: rgba(33,37,41,0.9); 
}