/* Fallback de paleta para garantir as cores mesmo se o config do Tailwind CDN nao carregar */
.bg-primary { background-color: #0B203C !important; }
.text-primary { color: #0B203C !important; }
.bg-accent { background-color: #F5B800 !important; }
.text-accent { color: #F5B800 !important; }
.bg-accent-hover { background-color: #D9A300 !important; }
.bg-secondary-bg { background-color: #E5EEFF !important; }
.bg-background-light { background-color: #F6F7F8 !important; }
.bg-background-dark { background-color: #121820 !important; }
.bg-footer-bg { background-color: #071427 !important; }
.text-text-main { color: #1B1B1F !important; }
.text-text-muted { color: #4B4B55 !important; }
.border-border-light { border-color: #E5E7EB !important; }
.border-border-dark { border-color: #374151 !important; }
.hover\:bg-accent-hover:hover { background-color: #D9A300 !important; }
.hover\:text-accent:hover { color: #F5B800 !important; }
.ring-accent { --tw-ring-color: #F5B800 !important; }
.check-option-active {
  border-color: #F5B800 !important;
  background-color: rgba(245, 184, 0, 0.12) !important;
}
.check-option-active .material-icons {
  color: #F5B800 !important;
}

.check-step-label {
  transition: color 0.2s ease-in-out;
}

.check-step-label-active {
  color: #4B4B55;
}

.check-step-label-current {
  color: #F5B800;
}
/*
  Estilos complementares (não cobertos diretamente pelo Tailwind utilitário)
  e helpers para feedback dos formulários.

  Migração futura para Tailwind CLI/PostCSS:
  1. Instale tailwindcss + postcss + autoprefixer.
  2. Mova ajustes visuais para arquivos em src/ e gere CSS compilado.
  3. Substitua o CDN por build local no processo de deploy.
*/

.field-error {
  display: block;
  min-height: 1rem;
  margin-top: 0.35rem;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #D64545;
}

.field-error.hidden {
  display: none;
}

.form-feedback {
  display: none;
  margin-top: 1rem;
  padding: 0.85rem 1rem;
  border-radius: 0.75rem;
  font-size: 0.9rem;
  font-weight: 600;
}

.form-feedback.is-success {
  display: block;
  color: #2BAF74;
  background: rgba(43, 175, 116, 0.12);
  border: 1px solid rgba(43, 175, 116, 0.45);
}

.form-feedback.is-error {
  display: block;
  color: #D64545;
  background: rgba(214, 69, 69, 0.12);
  border: 1px solid rgba(214, 69, 69, 0.45);
}

.form-field-invalid {
  outline: 2px solid #D64545;
}

button[disabled] {
  opacity: 0.7;
  cursor: not-allowed;
}