:root {
    /* Cores */
    --cor-a1: rgba(0, 107, 59, 1);
    --cor-a2: rgba(11, 81, 76, 1);
    --cor-a3: #FBC620;

    --cor-b1: #FFFFFF;
    --cor-b2: #F3F3F3; /* Cor do Fundo */

    --cor-c1: #777777;
    --cor-c2: #CCCCCC;
    --cor-c3: #D3D3D3;
    --cor-c4: #A3A3A3;

    --cor-d1: #8FD41A;
    --cor-d2: #FF4C3C;

    --cor-p1: #333;

    --cor-erro1:    #A94442;
    --cor-erro2:    #ECC7CF;

    --cor-sucesso1: #3c763d;
    --cor-sucesso2: #DFF0D8;

    --cor-aviso1:   #F7B500;
    --cor-aviso2:   #F7ECB0;

    --cor-completo: rgba(0, 107, 59, 0.45);
    --cor-incompleto: rgba(243, 246, 72, 0.35);

    /* Fontes family */
    font-family:  'Inter', 'Poppins', Arial;
    --f-family-1: 'Inter';
    --f-family-2: 'Poppins';

    /* Fontes tamanhos */
    --f-size-xs:    10px;
    --f-size-s:     12px;
    --f-size-xm:    14px;
    --f-size-m:     16px;
    --f-size-l:     18px;
    --f-size-xl:    22px;
    --f-size-xxl:   30px;
    --f-size-xxxl:  36px;

    /* Components tamanhos */
    --h-tamanho-header: 80px;
    --h-tamanho-footer: 60px;
    --h-tamanho-filtro: 50px;
}

.login{
    /* background: linear-gradient(180deg, var(--cor-a1) 0%, var(--cor-a2) 100%); */
    background: var(--cor-a1);
}
.iniciar{
    background-color: var(--cor-a1);
}
.btn-login {
    background-color: #FFCA00;
}