/* tema.css — paleta de Mi Yasta: los colores de la billetera Yasta (petróleo #0E5357, verde
   azulado #079986, menta #00DFB3, amarillo #F1C436) atenuados a tonos pastel.
   Contrastes WCAG medidos: blanco sobre --primario-oscuro 7,20:1 y sobre --primario 4,84:1;
   --primario-oscuro sobre --bg 6,71:1; --text-dark sobre --bg 12,26:1; --muted sobre --bg
   5,38:1; --text-dark sobre las dos series 6,13:1 y 9,14:1. */
:root {
  --primario-oscuro:  #2D5F60;   /* petróleo atenuado: encabezado, títulos */
  --primario:         #3C7C77;   /* verde azulado atenuado: botones, enlaces, pestaña activa */
  --serie-creadas:    #7DBDB1;   /* verde agua pastel: serie «creadas», franja */
  --serie-validacion: #F0D58A;   /* amarillo pastel: serie «en validación» */
  --resalte:          #CFEDE4;   /* menta pastel: resaltes */

  --bg:               #F3F8F6;
  --card-bg:          #FFFFFF;
  --text-dark:        #1E3434;
  --muted:            #4F6B69;
  --border-light:     #D5E7E1;
  --shadow:           0 4px 20px rgba(45, 95, 96, 0.10);

  --grad-header: linear-gradient(90deg, #2D5F60 0%, #3C7C77 100%);

  --fondo-suave:  #EEF6F3;                  /* cabeceras de tabla, avisos vacíos */
  --borde-campo:  #6E958F;                  /* campos y ejes (3,30:1 sobre blanco) */
  --borde-barra:  #C2DCD5;
  --borde-vacio:  #A9CFC6;
  --tinte-hover:  rgba(60, 124, 119, 0.08);

  /* Semáforo de la matriz «Equipo» (alerta, no gama de un solo color). Contraste de --text-dark sobre cada fondo: 11,05 / 7,27 / 9,14 / 6,13. */
  --nivel-sin-bg: #E8ECEC;
  --nivel-bajo-bg: #F4B0A6;
  --nivel-medio-bg: #F0D58A;
  --nivel-alto-bg: #7DBDB1;
}