:root {
--cor-primaria: #f4edd1;
--cor-secundaria: #2f4634;
--cor-secundaria-clara: #445948;
--cor-terciaria: #fffff0;
/* Cor de fundo do body — usada também pelo rodapé da assinatura EntradaApp */
--cor-fundo-body: #f4edd1;
}

body {
    background-color: var(--cor-fundo-body) !important;
    background-image: url('../images/background.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* No mobile o card ocupa a tela toda: body, card e rodapé são uma única superfície (cor_primaria) */
@media (max-width: 771px) {
body {
    height: 100dvh;
    background-color: var(--cor-primaria) !important;
    background-image: none !important;
}
}

.card-main {
background-color: var(--cor-primaria) !important;
}

/* No desktop a faixa da assinatura acompanha o fundo do body (nunca a cor da licença) */
.footer,
.author-sm-bg {
background-color: transparent !important;
}


.cor-secundaria,
.text-secondary {
color: var(--cor-secundaria) !important;
}

/* Linha de ajuda do rodapé acompanha a cor secundária da licença (exceto sobre fundo escuro) */
.footer-links:not(.on-color) .politicas-link,
.footer-links:not(.on-color) .ajuda-contato-texto,
.footer-links:not(.on-color) .ajuda-contato-btn {
color: var(--cor-secundaria);
}

.footer-links:not(.on-color) .ajuda-contato-btn {
border-color: color-mix(in srgb, var(--cor-secundaria) 40%, transparent);
}

.footer-links:not(.on-color) .ajuda-contato-btn:hover {
border-color: color-mix(in srgb, var(--cor-secundaria) 70%, transparent);
}

.bg-secondary,
.btn-success,
.btn-success:hover {
background-color: var(--cor-secundaria) !important;
border-color: var(--cor-secundaria) !important;
}

.btn-check:checked + .btn-horario div:nth-child(1) {
color: var(--cor-secundaria) !important;
}

.btn-check:checked + .btn-horario div:nth-child(2) {
color: var(--cor-secundaria) !important;
}

.produto-card {
background-color: var(--cor-terciaria) !important;
border: none !important;
}