/* Paleta Vishva Vidya v1.1 (manual de 06/08/2026, recebido 07/08) — folha da PRÉVIA, o site
   continua com as cores dele. A troca de cor em si já foi feita na cópia do style.css que
   carrega antes desta. O que sobra aqui é só o que a troca mecânica não resolve: onde a cor nova
   passa no papel mas reprova no contraste medido na tela. Nenhum tamanho, espaçamento ou posição
   muda.

   As 12 cores do manual, sem inventar nenhuma:
     #FFFFFF fundo · #F5F5F6 fundo alternado · #16181D grafite · #14171E texto
     #F4511E vermelhão (só enfeite) · #CB4319 vermelhão firme (fundo de botão)
     #B03B16 vermelhão link (o laranja quando ele É o texto)
     #656C77 secundário · #878E98 terciário (18px+) · #7E838C neutro (filete)
     #B3261E erro · #0C6B3C sucesso

   Medidas que mandam em tudo que vem abaixo:
     branco sobre #CB4319 = 4,82:1 (passa)    #B03B16 sobre branco  = 6,03:1 (passa)
     #B03B16 sobre #F5F5F6 = 5,53:1 (passa)   #F4511E sobre grafite = 3,68:1 (REPROVA)
     #7E838C sobre #F5F5F6 = 3,50:1 (REPROVA — neutro é filete, nunca texto)

   O que mudou da v1.0 pra cá: a v1.1 criou o #B03B16 e ele desfaz sozinho quase toda a seção 3
   desta folha. Na v1.0 o laranja de texto sobre a faixa cinza dava 4,42 e reprovava por um
   décimo, e a saída era clarear o fundo ou apagar o rótulo pra grafite. Agora o laranja de texto
   tem cor própria, passa com 5,53, e essas correções saíram daqui. */

/* ===== 1. Laranja com texto por cima: o texto é branco, nunca escuro =====
   No site o amarelo levava texto azul-marinho. Em laranja isso reprova, e o manual é explícito:
   laranja com texto branco → #CB4319. O hover vira grafite porque a paleta não tem um segundo
   tom de laranja e escurecer por conta própria seria inventar cor. */
.btn-yellow,
.btn-coral,
.btn-red,
.btn-teal { background: #CB4319; color: #ffffff; border-color: #16181D; }
.btn-yellow:hover,
.btn-coral:hover,
.btn-red:hover,
.btn-teal:hover { background: #16181D; color: #ffffff; }
.btn-outline { background: #ffffff; color: #16181D; }
.btn-outline:hover { background: #F5F5F6; }
.btn-navy,
.btn-navy:hover { background: #16181D; color: #ffffff; }


/* Botão DOE no laranja da paleta — escolha do professor Jonas, passada pela Sandra em 07/08.
   Substitui o grafite que estava aqui desde 06/08. É o #CB4319 e não o #F4511E porque o botão
   leva texto branco em cima: 4,82:1 contra 3,38:1. A borda e a sombra ficam grafite pra o botão
   não sumir quando ele cai sobre a faixa clara. */
nav.site-nav .nav-doe {
  background: #CB4319; color: #ffffff;
  border-color: #16181D; box-shadow: 0 3px 0 #16181D;
}
nav.site-nav .nav-doe:hover { background: #16181D; color: #ffffff; }
.btn-doar-grande { background: #CB4319; color: #ffffff; border-color: #16181D; }
.btn-doar-grande:hover { background: #16181D; color: #ffffff; }
.cv-link { background: #CB4319; color: #ffffff; border-color: #16181D; box-shadow: 0 4px 0 #16181D; }
.cv-link:hover { background: #16181D; color: #ffffff; }
.restrito-nav a:hover { background: #CB4319; color: #ffffff; border-bottom-color: #16181D; }

.phvl-icon { background: #CB4319; color: #ffffff; }

/* faixas inteiras que eram amarelas com texto escuro */
.alunos-block { background: #CB4319; color: #ffffff; }
.alunos-block h2,
.alunos-block h3,
.alunos-block p,
.alunos-block li,
.alunos-block a { color: #ffffff; }

.draw-hero { background: #CB4319; }
.draw-hero .jagua-caption,
.draw-hero .alunos-eyebrow,
.draw-hero h1,
.draw-hero h2,
.draw-hero p { color: #ffffff; }

/* valor de doação escolhido e método de pagamento escolhido */
.doar-valor.active .doar-valor-qtd,
.doar-valor.active .doar-valor-num { color: #ffffff; }
.doar-metodo-btn.active { background: #16181D; border-color: #16181D; color: #ffffff; }

/* etiquetas dos pilares (familias.html): a 3ª tinha texto escuro sobre laranja e a 1ª
   texto branco sobre o cinza-neutro, que é filete e não fundo de texto */
.pillar-feature-item:nth-child(1) .pillar-feature-tag,
.pillar-feature-item:nth-child(3) .pillar-feature-tag,
.pillar-feature-item:nth-child(4) .pillar-feature-tag { background: #16181D; color: #ffffff; }
.pillar-feature-item:nth-child(2) .pillar-feature-tag { background: #CB4319; color: #ffffff; }

/* ===== 2. Texto laranja sobre grafite: 3,68:1, reprova =====
   Vira branco. O #B03B16 não salva: sobre o grafite ele dá 2,95:1, pior ainda. O cinza terciário
   (#878E98) daria 5,74:1, mas o manual só o libera de 18px pra cima e todos estes rótulos são de
   12 a 16px. */
.hero-eyebrow,
.page-hero .section-eyebrow,
.janelinha.jl-login .jl-eyebrow,
.janelinha.jl-login .jl-arrow,
.video-featured .jl-eyebrow,
.footer-grid h2,
.hero-frase,
.hero-video figcaption span,
.map-block h3 { color: #ffffff; }

.footer-grid a:hover { color: #ffffff; text-decoration: underline; }

/* o selo do rodapé era laranja sobre laranja a 15% sobre o grafite: 3,27:1 */
.footer-bottom .crosslink {
  background: transparent; border-color: #F4511E; color: #ffffff;
}

/* ===== 3. Erro e acerto: a v1.1 devolveu as duas cores que faltavam =====
   O site marcava erro em coral e acerto em verde-água. As duas viraram o mesmo laranja na troca
   mecânica, e aí a criança que erra o quiz vê a resposta certa e a que ela marcou pintadas
   igual. A v1.1 tem #B3261E pra erro e #0C6B3C pra sucesso — é a única cor não-laranja que o
   manual libera, e é exatamente pra isto. Sobre branco dão 6,54:1 e 6,60:1; sobre a faixa
   cinza, 6,00:1 e 6,05:1. */
.doar-status-erro,
.form-status-erro,
.login-erro { color: #B3261E; }
.doar-status-sucesso,
.form-status-sucesso { color: #0C6B3C; }

.quiz-q.is-correct { border-color: #0C6B3C; }
.quiz-q.is-wrong { border-color: #B3261E; }
.quiz-q.is-correct .quiz-opt.is-answer-correct,
.quiz-q.is-wrong .quiz-opt.is-answer-correct { color: #0C6B3C; }
.quiz-q.is-wrong .quiz-opt.is-answer-selected { color: #B3261E; }
.sq-opt.is-correct { border-color: #0C6B3C; color: #0C6B3C; }
.sq-opt.is-wrong { border-color: #B3261E; color: #B3261E; }

/* ===== 4. Gradientes e fundos creme escritos direto no CSS ===== */
.info-postit { background: #F5F5F6; box-shadow: 0 6px 0 rgba(203, 67, 25, .22); }
.ofi-postit { background: #F5F5F6; box-shadow: 0 6px 0 rgba(203, 67, 25, .25); }
.so-obs { background: #F5F5F6; color: #14171E; }

/* ===== 5. Foco de teclado: precisa se ver no branco e no grafite ===== */
:focus-visible { outline-color: #F4511E; }
.skip-link { background: #16181D; color: #ffffff; }
.skip-link:focus { outline-color: #F4511E; }