/* =====================================================================
   tema.css — ÚNICO lugar donde vive la paleta de Lista+
   /tema.css (generado por ColorTema con colores validados #RRGGBB)
   redefine las variables de marca de cada club.
   ===================================================================== */
:root {
  /* ---- Marca: color_primario (botones, menú activo, enlaces) ---- */
  --primario: #1E3B8B;                  /* azul marino del ícono de Lista+ */
  --primario-oscuro: #162B65;           /* hover */
  --primario-suave: #EFF1F7;            /* fondos resaltados, filas seleccionadas */
  --primario-contraste: #FFFFFF;        /* texto sobre --primario */
  --primario-oscuro-contraste: #FFFFFF; /* texto sobre --primario-oscuro */
  --primario-enlace: #1E3B8B;           /* enlaces sobre blanco (≥ 4.5:1) */

  /* ---- Acento de la marca Lista+ (verde lima del ícono) ----
     Contraste: sobre blanco 1.97:1 → SOLO decorativo (franjas, bordes, puntos);
     sobre el azul marino 5.18:1 → válido para texto e íconos; texto oscuro encima 8.65:1.
     Para texto verde sobre blanco usar --acento-texto (4.53:1).
     Solo lo usan la marca Lista+ y los clubes sin colores propios. */
  --acento: #85CC16;
  --acento-texto: #55830E;

  /* ---- Marca: color_secundario (barra lateral, encabezado, fondo del login)
          Sin color_secundario = diseño claro: estos valores por defecto ---- */
  --secundario: #FFFFFF;
  --secundario-contraste: #1A1A2E;      /* texto principal sobre --secundario */
  --secundario-texto-suave: #5A6070;    /* texto inactivo sobre --secundario */
  --secundario-hover: #F6F7FB;
  --secundario-borde: #E3E6EE;
  --menu-activo-fondo: var(--primario-suave);
  --menu-activo-texto: var(--primario-enlace);
  --menu-activo-indicador: var(--primario-enlace);  /* barra del ítem activo (diseño claro) */

  /* ---- Panel de marca del login: = secundario si el club lo define;
          si no, el diseño actual (panel del color primario) ---- */
  --login-fondo: var(--primario);
  --login-contraste: var(--primario-contraste);
  --login-texto-suave: color-mix(in srgb, var(--primario-contraste) 80%, var(--primario));
  --login-borde: transparent;
  --login-acento: var(--acento);         /* franja diagonal (decorativa) */
  --login-tarjeta-borde: var(--acento);  /* borde superior de la tarjeta (decorativo) */

  /* ---- Marcador del dashboard: = secundario si el club lo define;
          si no, un fondo tenue del color primario para separarlo del contenido ---- */
  --marcador-fondo: color-mix(in srgb, var(--primario) 10%, #FFFFFF);
  --marcador-contraste: var(--texto);
  --marcador-texto-suave: var(--texto-secundario);
  --marcador-borde: color-mix(in srgb, var(--primario) 25%, #FFFFFF);
  --marcador-acento: var(--acento);      /* franja diagonal (decorativa) */

  /* ---- Neutros ---- */
  --texto: #1A1A2E;
  --texto-secundario: #5A6070;
  --fondo: #F6F7FB;
  --superficie: #FFFFFF;
  --borde: #E3E6EE;

  /* ---- Estados: iguales para todos los clubes. Solo en badges (ícono + texto) ---- */
  --estado-ok: #1E9E5A;          /* Al día / Pagado / Presente */
  --estado-ok-fondo: #E7F5ED;
  --estado-ok-texto: #13693B;
  --estado-debe: #D64545;        /* Debe / Vencido / Falta */
  --estado-debe-fondo: #FBEBEB;
  --estado-debe-texto: #A12E2E;
  --estado-pendiente: #E0A100;   /* Pendiente / Tardanza */
  --estado-pendiente-fondo: #FDF5DC;
  --estado-pendiente-texto: #735300;
  --estado-beca: #7A5AF8;        /* Becado / Justificado */
  --estado-beca-fondo: #F1EDFE;
  --estado-beca-texto: #5435D4;
  --estado-inactivo: #8A8F9C;    /* Cancelado / Inactivo */
  --estado-inactivo-fondo: #F0F1F3;
  --estado-inactivo-texto: #545966;

  /* ---- Tipos del calendario: colores propios, distintos de los estados (nunca verde, rojo, ámbar ni violeta) ---- */
  --tipo-entrenamiento: #2563EB;
  --tipo-entrenamiento-fondo: #E8F0FE;
  --tipo-entrenamiento-texto: #1D4ED8;
  --tipo-partido: #0891B2;
  --tipo-partido-fondo: #E0F5FA;
  --tipo-partido-texto: #0E6B84;
  --tipo-torneo: #DB2777;
  --tipo-torneo-fondo: #FCE7F3;
  --tipo-torneo-texto: #A3195B;
  --tipo-otro: #8B5E3C;
  --tipo-otro-fondo: #F5EDE6;
  --tipo-otro-texto: #6B4426;

  /* ---- Forma ---- */
  --radio-tarjeta: 10px;
  --radio-boton: 8px;
  --sombra: 0 1px 2px rgba(26, 26, 46, .04), 0 4px 16px rgba(26, 26, 46, .05);
  --fuente: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  /* Display: solo para cifras de marcador, nombre del club y rótulos cortos */
  --fuente-display: 'Barlow Condensed', 'Inter', system-ui, sans-serif;
}