/*
 * UI-CONTRASTE-025 — naranja de Depot legible (WCAG AA: texto normal ≥ 4.5:1). Base: propuesta de Codex (UI-020),
 * ampliada a todo texto blanco sobre naranja (contadores del menú, ítem activo, avatar, selectores) y al texto naranja
 * sobre fondo claro. Mismo tono de marca, más oscuro:
 *   blanco sobre #E17B4A (orange-500) 2.94  → sobre #B4532A 4.99 ; hover #8F3F21 7.24
 *   blanco sobre #C7623A (orange-600) 4.01  → #B4532A 4.99
 *   texto #E17B4A / #C7623A sobre blanco 2.94 / 4.01 → #B4532A 4.99 (sobre orange-50 4.70)
 * El documento B2B (.b2b-preview → papel/PDF) queda fuera, y en modo oscuro el texto naranja ya es #F0B98A (legible).
 * Reversión: quitar el <link> de client/index.html.
 */
.btn-primary:not(.b2b-preview *),
.bg-orange-500.text-white:not(.b2b-preview *),
.bg-orange-600.text-white:not(.b2b-preview *) {
  background-color: #b4532a !important;
  color: #ffffff !important;
}
.btn-primary:not(:disabled):not(.b2b-preview *):hover,
button.bg-orange-500.text-white:not(:disabled):not(.b2b-preview *):hover,
button.bg-orange-600.text-white:not(:disabled):not(.b2b-preview *):hover,
a.bg-orange-500.text-white:not(.b2b-preview *):hover,
label.bg-orange-500.text-white:not(.b2b-preview *):hover {
  background-color: #8f3f21 !important;
}

/* Texto naranja sobre fondo claro (solo modo claro; el oscuro ya lo redefine en index.html). */
html:not(.tema-oscuro) .text-orange-500:not(.b2b-preview *),
html:not(.tema-oscuro) .text-orange-600:not(.b2b-preview *) {
  color: #b4532a !important;
}

/* El texto de ejemplo también debe leerse sobre el fondo del campo: claro 2.54 → 4.83, oscuro 3.97 → 8.09. */
input::placeholder,
textarea::placeholder {
  color: #6b7280 !important;
  opacity: 1;
}
.tema-oscuro input::placeholder,
.tema-oscuro textarea::placeholder {
  color: #b8c4d0 !important;
}