:root {
    /* Cores */
    --cor-a1: #F7B500;
    --cor-a2: #062A43;

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

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

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

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

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

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

    --cor-info1:    #31708F;
    --cor-info2:    #D9EDF7;

    /* Fontes family */
    font-family:  'Baloo Chettan 2', Arial;
    --f-family-1: 'Baloo Chettan 2';

    /* Fontes tamanhos */
    --f-size-xs:    10px;
    --f-size-s:     12px;
    --f-size-sm:    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: 40px;
    --h-tamanho-footer: 60px;
}

.login{
    background: var(--cor-a2);
}