:root {
    --verde-escuro: #2f736f;
    --verde-claro: #7fc15e;
    --verde-musgo: #186d67;
}

body > header a#logo::before, header a.logo::before {
    content: "Sis-Odc";
    color: var(--verde-escuro);
}

body > header a#logo {
    flex: 0 0 8rem;
    height: 2rem;
    background: url("../img/logo-sis-odc.svg") no-repeat left center;
    background-size: 1.8rem;
    margin-right: auto;
    padding-left: 2rem;
}

body > header menu a, body > header menu a:hover {
    color: var(--verde-escuro);
}

.botoes button, .botoes a.button {
    color: var(--verde-escuro);
}

header > .banner {
    color: var(--verde-escuro);
}

a {
    color: var(--verde-escuro);
}

a:hover {
    color: var(--verde-claro);
}

.botoes button.primario, .botoes a.button.primario {
    background: var(--verde-musgo);
}

.botoes button.primario:hover, .botoes a.button.primario:hover {
    background: #135854;
}

.botoes button.primario:active, .botoes a.button.primario:active {
    background: #0f4440;
}

body > header > span.nome {
    color: var(--verde-musgo);
}

button.novo, a.button.novo {
    background-image: url("../img/add-verde-escuro.svg");
}

th {
    color: var(--verde-escuro);
}