/* =============================================================================
   eTradie - Competencias, Desempeno y Desarrollo
   ev_shared.css -- botones con color explicito

   Por que existe este archivo:
   etradie.css es un bundle ensamblado con varias capas superpuestas
   (Spruha viejo + tokens nuevos). Las clases semanticas de Bootstrap
   (.btn-primary, .btn-success) tienen mas de una definicion apilada en
   ese bundle, y cual gana la cascada resulto impredecible: .btn-primary
   termina en var(--blue) (un token ajeno al azul de marca --et-primary),
   y .btn-success se confirmo renderizando palido en produccion pese a
   que el analisis estatico del CSS sugeria verde.

   En vez de repetir un parche local en cada pantalla (viola la regla
   anti-pantano: lo que usan 2+ pantallas va a un archivo compartido),
   este modulo define su propia paleta de botones con color fijo, ligada
   desde las 10 pantallas. No se toca etradie.css -- esta prohibido
   parcharlo a mano, se genera con un ensamblador que no esta en este
   alcance.

   Taxonomia (consistente en las 10 pantallas):
     .btn-ev-primary            accion principal de la pantalla (Buscar,
                                 Guardar, Calcular)
     .btn-ev-success            accion positiva/de cierre (Enviar, Aprobar,
                                 Publicar, Nuevo, Registrar acuse)
     .btn-ev-danger             accion destructiva o de alto impacto,
                                 solida (Lanzar de verdad)
     .btn-ev-outline-primary    accion secundaria exploratoria (Simular,
                                 Recalcular, Agregar, Refrescar)
     .btn-ev-outline-danger     accion destructiva secundaria (Cancelar ciclo)
     .btn-ev-outline-secondary  accion neutra (Limpiar, Cancelar edicion)
============================================================================= */

.btn-ev-primary {
  background:var(--et-primary); border:1.5px solid var(--et-primary); color:#fff; font-weight:600;
}
.btn-ev-primary:hover { background:var(--et-primary-600); border-color:var(--et-primary-600); color:#fff; }

.btn-ev-success {
  background:#19B159; border:1.5px solid #19B159; color:#fff; font-weight:700;
}
.btn-ev-success:hover { background:#149648; border-color:#149648; color:#fff; }
.btn-ev-success:disabled { background:#9FD9B8; border-color:#9FD9B8; color:#fff; cursor:not-allowed; }

.btn-ev-danger {
  background:var(--et-danger); border:1.5px solid var(--et-danger); color:#fff; font-weight:700;
}
.btn-ev-danger:hover { background:#C4394C; border-color:#C4394C; color:#fff; }
.btn-ev-danger:disabled { background:#F0AAB4; border-color:#F0AAB4; color:#fff; cursor:not-allowed; }

.btn-ev-outline-primary {
  background:transparent; border:1.5px solid var(--et-primary); color:var(--et-primary); font-weight:600;
}
.btn-ev-outline-primary:hover { background:var(--et-primary-50); }

.btn-ev-outline-danger {
  background:transparent; border:1.5px solid var(--et-danger); color:var(--et-danger); font-weight:600;
}
.btn-ev-outline-danger:hover { background:#FDF1F3; }

.btn-ev-outline-secondary {
  background:transparent; border:1px solid var(--et-line); color:var(--et-ink-soft);
}
.btn-ev-outline-secondary:hover { background:var(--et-bg); }