/* OVA GYM · aspecto de los dibujos (dibujos.js). Dirección A, "hierro y goma" (D20, LENGUAJE_VISUAL.md):
   los materiales del salón con su color de verdad (hierro grafito, goma negra, tapizado negro, colchoneta ladrillo,
   madera del cajón) y el amarillo OVA SOLO en lo que hay que tocar o poner (la clavija, la traba, el disco nuevo).
   Los discos van neutros con el número escrito: en un gimnasio de barrio los discos comunes son negros; los colores
   de competencia (IWF) quedan para cuando el perfil del lugar diga que los tiene (D20, decisión pendiente). */
:root{
  --hierro:#3a3a36; --hierro-claro:#b9b9b2; --hierro-trazo:#3a3a36; --goma:#1d1d1b; --sobre-goma:#f5f5f2;
  --tapizado:#1d1d1b; --tela:#b5532e; --madera:#c79a5b; --dib-linea:#0d0d0d; --dib-texto:#0d0d0d; --dib-hueco:#f1f1ee;
  --dib-marca:#0a0a0a; --dib-banda:#e07a00;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --hierro:#5c5c57; --hierro-claro:#a3a39c; --hierro-trazo:#b9b9b2; --goma:#2b2b29; --tapizado:#2b2b29;
    --tela:#c4673f; --madera:#b08850; --dib-linea:#f5f5f2; --dib-texto:#f5f5f2; --dib-hueco:#0a0a0a; --dib-marca:#ffd900;
  }
}
:root[data-theme="dark"]{
  --hierro:#5c5c57; --hierro-claro:#a3a39c; --hierro-trazo:#b9b9b2; --goma:#2b2b29; --tapizado:#2b2b29;
  --tela:#c4673f; --madera:#b08850; --dib-linea:#f5f5f2; --dib-texto:#f5f5f2; --dib-hueco:#0a0a0a; --dib-marca:#ffd900;
}
/* en marcha, la pantalla es del color de la fase: la línea y el texto toman la tinta de la fase */
html[data-fase] .dib{--dib-linea:var(--pi); --dib-texto:var(--pi); --dib-hueco:var(--ps); --dib-marca:var(--pa)}

.dib{display:block;width:100%;height:auto;overflow:visible}
.dib .ln{stroke:var(--dib-linea);stroke-width:2;stroke-linejoin:round}
.dib .hueco{fill:none}
.dib .h{fill:var(--hierro)}
.dib .h2{fill:var(--hierro-claro)}
.dib .g{fill:var(--goma)}
.dib .ac{fill:var(--accion,#ffd900)}
/* el disco que hay que poner AHORA: amarillo OVA con contorno de tinta, igual en claro, en oscuro y sobre el amarillo del
   trabajo (revisión de diseño: antes era negro con borde y no se distinguía) */
.dib .disco.nuevo .g{fill:var(--accion,#ffd900)}
.dib .acb{stroke:var(--dib-linea);stroke-width:3}
.dib .pad{fill:var(--tapizado)}
.dib .tela{fill:var(--tela)}
.dib .mad{fill:var(--madera)}
.dib .agujero{fill:var(--dib-hueco)}
.dib .moleteado{fill:var(--hierro-claro);opacity:.55}
.dib .piso{fill:var(--dib-linea);opacity:.28}
.dib .lin{fill:none;stroke:var(--dib-linea);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
/* en los íconos, un solo grosor de línea (revisión de diseño: había trazos de 1,5 al lado de rellenos con contorno) */
.dib-icono .lin{stroke-width:4}
.dib-icono .cuerpo{stroke-width:8}
.dib .lin-gruesa{fill:none;stroke:var(--hierro-trazo);stroke-width:6;stroke-linecap:round;stroke-linejoin:round}
.dib .lin-gruesa-pad{fill:none;stroke:var(--tapizado);stroke-width:12;stroke-linecap:round}
.dib .corte{fill:none;stroke:var(--dib-hueco);stroke-width:3}
.dib .costura{fill:none;stroke:var(--dib-linea);stroke-width:1.5;opacity:.5;stroke-linecap:round}
.dib .cuerpo{fill:none;stroke:var(--dib-linea);stroke-width:6;stroke-linecap:round;stroke-linejoin:round}
.dib .piel{fill:var(--dib-linea)}
.dib .el{stroke:var(--dib-banda);stroke-linecap:round}
.dib .el-icono{fill:none;stroke:var(--dib-banda);stroke-width:7}
.dib .ln-fina{stroke:var(--dib-linea);stroke-width:1;opacity:.6}
.dib .t{fill:var(--dib-texto);font-family:var(--display,"Bebas Neue",sans-serif);letter-spacing:.02em}
.dib .t.fuerte{font-weight:700}
.dib .t.sobre-g{fill:var(--sobre-goma)}
.dib .t.sobre-h2{fill:#0d0d0d}
@media (forced-colors: active){
  .dib .ln,.dib .lin,.dib .cuerpo{stroke:CanvasText}
  .dib .t,.dib .piel{fill:CanvasText}
  .dib .ac{fill:Highlight}
  .dib .h,.dib .h2,.dib .g,.dib .pad,.dib .tela,.dib .mad{fill:Canvas}
}
/* el calentamiento: un disco sin decir cuánto (contorno punteado, sin relleno ni número) */
.dib.sin-cuanto .disco .g{fill:none;stroke-dasharray:5 4}
.dib.sin-cuanto .disco .agujero{display:none}