/*===============================================================
# Contraste — tema claro (textos brancos e badges claros)
Carregado depois de style.min.css e redesign.min.css.
===============================================================*/

/* --- Verdes e teais usados como texto sobre fundos claros --- */
.text-emerald { color: #047857; }
.api-list .step-num { color: #047857; }
.api-badge-pill { color: #047857; }
.conn-status { color: #047857; }
.ai-online { color: #047857; }
.testimonial-tag { color: #047857; }
.integration-card-v2.green strong { color: #047857; }
.integration-card-v2.blue strong { color: #2563EB; }
.feature-card-v2.green .card-badge { color: #047857; }
.feature-card-v2.orange .card-badge { color: #B45309; }
.access-feature-card.amber .access-card-badge { color: #B45309; }
.queue-status.waiting { color: #B45309; }
.queue-status.done { color: #047857; }
.metric-chip strong { color: #C2410C; }

/* Etiqueta "REUNIÃO EM ANDAMENTO" do mockup do tablet
   (troca o gradiente animado por tons com contraste legível) */
.access-screen-tag { animation-name: tagSwitchContrast; }

@keyframes tagSwitchContrast {
  0%, 33% { background: rgba(16, 185, 129, 0.12); color: #047857; }
  40%, 68% { background: rgba(52, 211, 153, 0.2); color: #047857; }
  74%, 100% { background: rgba(16, 185, 129, 0.12); color: #047857; }
}

/* --- Preços e valores --- */
.pricing-price.blue { color: #2563EB; }
.pricing-price.orange { color: #B45309; }
.pricing-price.teal { color: #0F766E; }
.quota-tag .quota-value { color: #0F766E; }
.solution-panel.access .solution-title .accent { color: #0F766E; }

/* --- Botões e pílulas: texto branco sobre verde/teal claro --- */
.solution-cta.access { background: #0F766E; }
.popular-teal .popular-pill { background: #0F766E; }
.btn-start.fill-teal { background: #0F766E; border-color: #0F766E; }
.btn-start.fill-teal:hover { background: #115E59; }
.btn-primary-v2.whatsapp-btn { background: #0F7B45; }
.btn-primary-v2.whatsapp-btn:hover { background: #0B6136; box-shadow: 0 8px 24px rgba(15, 123, 69, 0.35); }

/* --- Tema escuro: os mesmos tons, aclarados --- */
body.dark-mode .text-emerald,
body.dark-mode .api-badge-pill,
body.dark-mode .ai-online,
body.dark-mode .testimonial-tag { color: #34D399; }
body.dark-mode .metric-chip strong { color: #FDBA74; }
body.dark-mode .pricing-price.blue { color: #60A5FA; }
body.dark-mode .pricing-price.orange { color: #FBBF24; }
body.dark-mode .solution-cta.access { background: #0F766E; }