:root {
    /* BOTÃO */
    --cor-fundo-botao: #003842;
    --cor-borda-botao: #003842;
    --cor-fonte-botao: #ffffff;
    --cor-fundo-botao-hover: #ffffff;
    --cor-borda-botao-hover: #003842;
    --cor-fonte-botao-hover: #003842;
    /* BOTÃO CANCELAR*/
    --cor-fundo-botao-cancelar: #ffffff;
    --cor-borda-botao-cancelar: #003842;
    --cor-fonte-botao-cancelar: #003842;
    --cor-fundo-botao-cancelar-hover: #003842;
    --cor-borda-botao-cancelar-hover: #003842;
    --cor-fonte-botao-cancelar-hover: #ffffff;
    /* NAVBAR SUPERIOR */
    --cor-fundo-nav-superior: #000000;
    --cor-fonte-nav-superior: #ffffff;
    --cor-fonte-nav-superior-hover: #cccccc;
    /* NAVBAR MENU */
    --cor-fundo-menu-superior: #003842;
    --cor-fonte-menu-superior: #ffffff;
    /* CARDS MENU HOME */
    --cor-fundo-cards-home: #003842;
    --cor-fonte-cards-home: #ffffff;
    --cor-fundo-cards-home-hover: #003842;
    --cor-fonte-cards-home-hover: #ffffff;
    /* RODAPE */
    --cor-fundo-rodape: #000000;
    --cor-fonte-rodape: #ffffff;
    --cor-fonte-rodape-hover: #cccccc;
    /* POPUP */
    --cor-barra-titulo-popup: #003842;
    /* ARREDONDAMENTO BORDAS */
    --arredondamento-borda: 8px;
}