/* Ecosistemas por deporte — Colombia.
   Una estructura Rival + una capa contextual de color. data-sport en cualquier
   contenedor (o :root) y el acento, la tinta, el wash y el texto sobre acento lo siguen.
   El cambio de deporte se anima en --duration-context (420ms).

   CÓMO SE CONSTRUYÓ: cada acento está a la misma posición relativa que el Lima Rival
   respecto al cusp de su propio tono — L = 0.921 × cuspL, C = 0.785 × cuspC — así que
   todos comparten la misma energía de saturación (85% del techo de gamut) y se sienten
   de la misma familia, aunque el gamut sRGB no permita que un azul sea tan claro como
   el lima.

   DOS ROLES POR ACENTO, y esa distinción es obligatoria:
     --sport-accent  relleno (píldora, pestaña activa, CTA). Lleva --sport-on-accent encima.
     --sport-ink     el mismo tono elevado a ≥5.5:1 — para cifras, iconos y texto sobre
                     el fondo de la app. En violeta, azul y rojo NO son el mismo valor.
   Usar --sport-accent como color de texto sobre #0B0C0A falla contraste en cuatro deportes. */
:root{
  --sport-accent:#B8E24A;
  --sport-ink:#B8E24A;
  --sport-on-accent:#0B0C0A;
  --sport-wash:rgba(184,226,74,.14);
}
/* Lima Rival · H124 · relleno 13.1:1 · tinta 13.1:1 — Fútbol 11 · 8 · 7 · 5 · microfútbol · fútbol sala */
[data-sport="futbol"],
[data-sport="microfutbol"],
[data-sport="futsal"],
[data-sport="futbol-5"],
[data-sport="futbol-7"],
[data-sport="futbol-8"],
[data-sport="futbol-11"]{
  --sport-accent:#B8E24A;
  --sport-ink:#B8E24A;
  --sport-on-accent:#0B0C0A;
  --sport-wash:rgba(184,226,74,.14);
}
/* Ámbar · H78 · relleno 8.8:1 · tinta 8.8:1 — Baloncesto · ciclismo · patinaje de velocidad */
[data-sport="baloncesto"],
[data-sport="ciclismo"],
[data-sport="patinaje"],
[data-sport="mtb"]{
  --sport-accent:#DDA33D;
  --sport-ink:#DDA33D;
  --sport-on-accent:#0B0C0A;
  --sport-wash:rgba(221,163,61,.14);
}
/* Naranja · H42 · relleno 5.3:1 · tinta 5.5:1 — Running · atletismo · trail */
[data-sport="running"],
[data-sport="atletismo"],
[data-sport="trail"]{
  --sport-accent:#D9612D;
  --sport-ink:#DD632D;
  --sport-on-accent:#0B0C0A;
  --sport-wash:rgba(217,97,45,.14);
}
/* Rojo · H22 · relleno 4.1:1 · tinta 5.5:1 — Boxeo · MMA · tejo · béisbol */
[data-sport="impacto"],
[data-sport="boxeo"],
[data-sport="mma"],
[data-sport="tejo"],
[data-sport="beisbol"],
[data-sport="softbol"]{
  --sport-accent:#D73340;
  --sport-ink:#F24C55;
  --sport-on-accent:#FFFFFF;
  --sport-wash:rgba(215,51,64,.14);
}
/* Magenta · H340 · relleno 4.8:1 · tinta 5.5:1 — Voleibol · vóley playa */
[data-sport="voleibol"],
[data-sport="volei-playa"]{
  --sport-accent:#D937B1;
  --sport-ink:#EC3AC0;
  --sport-on-accent:#0B0C0A;
  --sport-wash:rgba(217,55,177,.14);
}
/* Violeta · H300 · relleno 3:1 · tinta 5.5:1 — Gimnasio · CrossFit · funcional */
[data-sport="gimnasio"],
[data-sport="crossfit"],
[data-sport="funcional"]{
  --sport-accent:#7E2DD2;
  --sport-ink:#A26BF0;
  --sport-on-accent:#FFFFFF;
  --sport-wash:rgba(126,45,210,.14);
}
/* Azul · H258 · relleno 3.9:1 · tinta 5.5:1 — Pádel */
[data-sport="padel"]{
  --sport-accent:#246DD4;
  --sport-ink:#3F87EF;
  --sport-on-accent:#FFFFFF;
  --sport-wash:rgba(36,109,212,.14);
}
/* Turquesa · H200 · relleno 11.4:1 · tinta 11.4:1 — Natación · waterpolo */
[data-sport="natacion"],
[data-sport="waterpolo"]{
  --sport-accent:#4DD8E0;
  --sport-ink:#4DD8E0;
  --sport-on-accent:#0B0C0A;
  --sport-wash:rgba(77,216,224,.14);
}
/* Esmeralda · H162 · relleno 11.7:1 · tinta 11.7:1 — Tenis · squash */
[data-sport="tenis"],
[data-sport="squash"]{
  --sport-accent:#4EE0A4;
  --sport-ink:#4EE0A4;
  --sport-on-accent:#0B0C0A;
  --sport-wash:rgba(78,224,164,.14);
}