/* TrailLab v273 · repaso del tema claro
   ==========================================================================================
   Pedido por Oli: «Tema claro, repaso completo, cambiar algún color».

   Qué pasaba. El tema claro cambia las variables de color —fondo, tinta, líneas— y con eso
   funciona la mayor parte de la app. Pero por debajo quedaban **treinta y tantas reglas con el
   color escrito a mano**, casi todas de la misma familia:

       background: rgba(255,255,255,.025 … .10)

   Un blanco casi transparente. Sobre el fondo oscuro es exactamente lo que se busca: un realce
   sutil. Sobre el fondo claro es **blanco sobre blanco**, o sea nada. Y lo que desaparecía no era
   decoración:

     · los **hover** de la navegación, de las pestañas de Habilidades, de las filas de habilidad,
       del calendario y de las bandas de cimas — en claro, pasar el ratón no hacía nada visible,
       que es justo lo que v260 vino a arreglar en el tema oscuro;
     · las **barras de progreso** vacías (XP, Garmin, desgaste del material, progresión, pasos del
       reproductor): se veía la parte llena y no dónde acababa la barra;
     · y **tarjetas y paneles** enteros del reproductor en directo, del de fuerza, de Inicio, de
       Rendimiento y del pasaporte de cimas, que se quedaban sin fondo y flotando.

   Cómo se arregla aquí. Estos colores viven repartidos en nueve archivos versionados
   (`session-live-v225.css`, `strength-player-v226.css`, `summit-collection-v223.css`…). Tocarlos
   uno a uno sería reescribir estáticos que van *cache-first* y cuyo nombre no cambia entre
   versiones —la trampa que documenta v253—, así que la corrección se concentra **en esta capa**,
   que es nueva y no puede llegar cacheada. Va cargada la última y todas las reglas empiezan por
   `[data-theme="light"]`, de modo que:

     · el tema oscuro no se toca ni un píxel;
     · el prefijo ya da más especificidad, así que la corrección gana sin trucos… salvo en un caso:
       el hover de la navegación lateral está escrito con `!important` en el monolito, y contra eso
       la especificidad no puede. Ese bloque —y sólo ése— lo lleva también;
     · y queda en un sitio el inventario de lo que estaba mal, que era imposible de ver.

   Los tres tonos de abajo son verde de marca muy diluido en vez de gris: sobre el fondo del tema
   claro —que tira a verde— un gris se ve sucio. */

[data-theme="light"]{
  --tl-soft:rgba(45,90,25,.055);     /* realce muy sutil: hovers y tarjetas de segundo plano */
  --tl-soft2:rgba(45,90,25,.085);    /* realce visible: contadores, pastillas, paneles        */
  --tl-track:rgba(45,90,25,.15);     /* canal vacío de una barra de progreso                  */

  /* Cambio de color pedido por Oli. El lima de marca sobre blanco daba 4,0:1 de contraste, que se
     queda corto para texto pequeño (la referencia habitual son 4,5:1). Bajado a un verde algo más
     profundo: 5,2:1, sigue siendo el mismo verde de TrailLab y ahora se lee en un móvil al sol.
     El tema oscuro conserva su lima brillante, que ahí sí contrasta de sobra. */
  --lime:#4e7c00;
  --lime2:#6ea300;
}

/* ---------------------------------------------------------------- hovers que no se veían */
/* Los dos de navegación van aparte porque el original los declara con `!important`: sin repetirlo,
   esta regla no llegaría a aplicarse por mucha especificidad que tenga. */
[data-theme="light"] .left .nav-item:hover:not(.active),
[data-theme="light"] .tbn-drop .nav-item:hover:not(.active){
  background:var(--tl-soft)!important;
}
[data-theme="light"] #view-atleta .atleta-tabs button:hover:not(.active),
[data-theme="light"] #view-atleta .skill-row:hover,
[data-theme="light"] #view-calendario .cal-nav button:hover,
[data-theme="light"] .tour-x:hover,
[data-theme="light"] .summit-band-h:hover,
[data-theme="light"] .tl-band-h:hover{
  background:var(--tl-soft);
}

/* ---------------------------------------------------------------- barras de progreso vacías */
[data-theme="light"] .mn-xp-track,
[data-theme="light"] #view-garmin .gk-prog,
[data-theme="light"] #view-garmin .gk-track,
[data-theme="light"] #view-equipo .eq-wear .bar,
[data-theme="light"] #view-equipo .shoe-bar,
[data-theme="light"] .pg-bar,
[data-theme="light"] .tll-progress-track,
[data-theme="light"] .tls-track,
[data-theme="light"] .summit-band-bar,
[data-theme="light"] .tl-band-bar{
  background:var(--tl-track);
}

/* ---------------------------------------------------------------- tarjetas y paneles sin fondo */
[data-theme="light"] #view-resumen .rz-cd div,
[data-theme="light"] .hm-recent>button,
[data-theme="light"] .hp-faq details,
[data-theme="light"] .gate-benefits-v231 article,
[data-theme="light"] .pf-sports>div,
[data-theme="light"] .pf-benefits button,
[data-theme="light"] .pg-reco-list>div,
[data-theme="light"] .tll-steps-panel,
[data-theme="light"] .tll-step,
[data-theme="light"] .tll-meta span,
[data-theme="light"] .tll-rpe button,
[data-theme="light"] .tls-exercise,
[data-theme="light"] .tls-stat,
[data-theme="light"] .wc-truth,
[data-theme="light"] .achm-kpis article,
[data-theme="light"] .summit-kpis article,
[data-theme="light"] .summit-item{
  background:var(--tl-soft);
}

/* ---------------------------------------------------------------- realces con más peso */
[data-theme="light"] .hm-actions button+button,
[data-theme="light"] .tll-btn,
[data-theme="light"] .tls-btn,
[data-theme="light"] .tll-step-no,
[data-theme="light"] .achm-cats article>div,
[data-theme="light"] .pf-zone i,
[data-theme="light"] .summit-band-count,
[data-theme="light"] .tl-band-count{
  background:var(--tl-soft2);
}

/* ---------------------------------------------------------------- detalles sueltos */
/* El reproductor en directo y el de fuerza se pintan a pantalla completa sobre un fondo propio muy
   oscuro; en tema claro el texto blanco de sus rótulos secundarios se quedaba en el límite. */
[data-theme="light"] .tll-step small,
[data-theme="light"] .tls-exercise small{
  color:var(--muted);
}