:root {
    --preto: #0B0B0D;
    --dourado: #D4AF37;
    --dourado-claro: #F5C542;
    --creme: #F4F1EA;
    --branco: #FFFFFF;
    --cinza: #6B6B70;
    --borda: #E3DED2;
    --verde: #168A52;
    --vermelho: #C0392B;
}

* {
    box-sizing: border-box;
}

body {
    background: var(--creme);
    color: var(--preto);
}

button,
.btn,
.principal {
    background: var(--dourado) !important;
    color: var(--preto) !important;
}

button:hover,
.btn:hover,
.principal:hover {
    background: var(--dourado-claro) !important;
}

a {
    color: var(--preto);
}

input,
select,
textarea {
    border: 1px solid var(--borda);
    border-radius: 10px;
}

input:focus,
select:focus,
textarea:focus {
    border-color: var(--dourado);
    outline: none;
}

.card,
.box,
.item,
section {
    border-color: var(--borda);
}

.topo,
.header {
    background: var(--preto) !important;
    color: var(--branco) !important;
}

.titulo,
h1,
h2 {
    color: var(--preto);
}

.valor,
.destaque {
    color: var(--dourado) !important;
}

.badge,
.status {
    border-radius: 20px;
}

.menu a.menu-dourado {
    color: #D4AF37 !important;
}

.menu a.menu-dourado span {
    color: inherit !important;
}
.menu {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    min-height: 65px !important;
    background: #FFFFFF !important;
    border-top: 1px solid #E3DED2 !important;
    display: flex !important;
    justify-content: space-around !important;
    align-items: center !important;
    padding: 10px 5px !important;
    z-index: 9999 !important;
}

.menu a {
    flex: 1 !important;
    text-decoration: none !important;
    color: #6B6B70 !important;
    font-size: 12px !important;
    text-align: center !important;
    line-height: 1.2 !important;
}

.menu a span {
    display: block !important;
    font-size: 21px !important;
    margin-bottom: 3px !important;
}

body {
    padding-bottom: 85px !important;
}