body:where(.tema-outubro-rosa) {
    --cor-campanha: #c2185b;
    --cor-campanha-escura: #880e4f;
    --cor-campanha-suave: #ff5297;
    --cor-campanha-borda: #f94a8d;
    --cor-campanha-texto: #3d1525;
    --cor-campanha-rgb: 194, 24, 91;
}3

body:where(.tema-novembro-azul) {
    --cor-campanha: #1565c0;
    --cor-campanha-escura: #0d3f78;
    --cor-campanha-suave: #7ebaff;
    --cor-campanha-borda: #bfd8f5;
    --cor-campanha-texto: #172b3d;
    --cor-campanha-rgb: 21, 101, 192;
}

body:where(.tema-outubro-rosa),
body:where(.tema-novembro-azul) {
    background-color: var(--cor-campanha-suave);
    color: var(--cor-campanha-texto);
    --bs-primary: var(--cor-campanha);
    --bs-primary-rgb: var(--cor-campanha-rgb);
    --bs-body-color: var(--cor-campanha-texto);
}

:where(body.tema-outubro-rosa) .navbar.bg-dark,
:where(body.tema-novembro-azul) .navbar.bg-dark,
:where(body.tema-outubro-rosa) footer.bg-dark,
:where(body.tema-novembro-azul) footer.bg-dark {
    background-color: var(--cor-campanha-escura) !important;
}

:where(body.tema-outubro-rosa) section.bg-light,
:where(body.tema-novembro-azul) section.bg-light {
    background-color: var(--cor-campanha-suave) !important;
    color: var(--cor-campanha-texto);
}

:where(body.tema-outubro-rosa) .card,
:where(body.tema-novembro-azul) .card {
    border-color: var(--cor-campanha-borda);
    color: var(--cor-campanha-texto);
}

:where(body.tema-outubro-rosa) .bg-light,
:where(body.tema-outubro-rosa) .bg-white,
:where(body.tema-novembro-azul) .bg-light,
:where(body.tema-novembro-azul) .bg-white {
    color: var(--cor-campanha-texto);
}

:where(body.tema-outubro-rosa) .btn-primary,
:where(body.tema-novembro-azul) .btn-primary {
    --bs-btn-bg: var(--cor-campanha);
    --bs-btn-border-color: var(--cor-campanha);
    --bs-btn-hover-bg: var(--cor-campanha-escura);
    --bs-btn-hover-border-color: var(--cor-campanha-escura);
    --bs-btn-active-bg: var(--cor-campanha-escura);
    --bs-btn-active-border-color: var(--cor-campanha-escura);
    --bs-btn-focus-shadow-rgb: var(--cor-campanha-rgb);
}

:where(body.tema-outubro-rosa) .btn-outline-primary,
:where(body.tema-novembro-azul) .btn-outline-primary {
    --bs-btn-color: var(--cor-campanha);
    --bs-btn-border-color: var(--cor-campanha);
    --bs-btn-hover-bg: var(--cor-campanha);
    --bs-btn-hover-border-color: var(--cor-campanha);
    --bs-btn-active-bg: var(--cor-campanha-escura);
    --bs-btn-active-border-color: var(--cor-campanha-escura);
}

:where(body.tema-outubro-rosa) .text-primary,
:where(body.tema-novembro-azul) .text-primary {
    color: var(--cor-campanha) !important;
}

:where(body.tema-outubro-rosa) .border-primary,
:where(body.tema-novembro-azul) .border-primary {
    border-color: var(--cor-campanha) !important;
}

:where(body.tema-outubro-rosa) #formInscricao.bg-light,
:where(body.tema-novembro-azul) #formInscricao.bg-light {
    background-color: var(--cor-campanha-suave) !important;
    border-color: var(--cor-campanha-borda) !important;
    color: var(--cor-campanha-texto);
}

:where(body.tema-outubro-rosa) .kit-option.selected,
:where(body.tema-novembro-azul) .kit-option.selected {
    border-color: var(--cor-campanha);
    background-color: var(--cor-campanha-suave);
    box-shadow: 0 0 0 4px rgba(var(--cor-campanha-rgb), 0.1);
}

:where(body.tema-outubro-rosa) .kit-option.selected::after,
:where(body.tema-novembro-azul) .kit-option.selected::after {
    color: var(--cor-campanha);
}

:where(body.tema-outubro-rosa) .campanha-destaque,
:where(body.tema-novembro-azul) .campanha-destaque {
    color: var(--cor-campanha-escura);
    background-color: var(--cor-campanha-suave);
    border: 1px solid var(--cor-campanha-borda);
}