/* Zolteva · fichas de diseño (acabado final, 13 oct 2026). UNA sola hoja de variables para la web (src/, que la importa al
   compilar), el alta (assets/alta-corporativa.css) y el panel (assets/corporativa.css). Aquí solo hay variables y las
   tipografías: ninguna regla que pinte nada. Quien cambie un color o una duración lo cambia aquí y en ningún otro sitio.
   El fichero es idéntico en la rama de la web y en la del panel (misma huella): si se toca en una, se copia a la otra.
   Tipografías: assets/plex/ (repositorio oficial IBM/plex, subconjunto Latin1, licencia OFL en esa carpeta). Sin CDN. */
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url("plex/IBMPlexSans-Regular-Latin1.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:500;font-display:swap;src:url("plex/IBMPlexSans-Medium-Latin1.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;src:url("plex/IBMPlexSans-SemiBold-Latin1.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:700;font-display:swap;src:url("plex/IBMPlexSans-Bold-Latin1.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url("plex/IBMPlexMono-Medium-Latin1.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:600;font-display:swap;src:url("plex/IBMPlexMono-SemiBold-Latin1.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Serif";font-style:normal;font-weight:400;font-display:swap;src:url("plex/IBMPlexSerif-Regular-Latin1.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Serif";font-style:italic;font-weight:400;font-display:swap;src:url("plex/IBMPlexSerif-Italic-Latin1.woff2") format("woff2")}

:root{
  /* color */
  --f-tinta:#22201c;            /* texto, barras oscuras, botón de tinta */
  --f-tinta-2:#2c2924;
  --f-tinta-3:#35302a;          /* tinta activa */
  --f-tinta-linea:#3d3830;
  --f-sobre-tinta:#f4ecdd;      /* texto sobre tinta · 13,6:1 */
  --f-sobre-tinta-mut:#b9ae9c;  /* texto secundario sobre tinta · 7,3:1 */
  --f-papel:#f1ede4;            /* fondo */
  --f-papel-2:#e6dfd0;          /* líneas interiores, pistas */
  --f-tarjeta:#ffffff;
  --f-hueco:#faf8f3;            /* fondo dentro de una tarjeta */
  --f-linea:#d8d0bf;            /* borde fino */
  --f-campo:#8a8172;            /* borde de campos y casillas · 3:1 o más sobre blanco */
  --f-tinte:#f6ead9;            /* elegido, resaltado, lo que dice Elena */
  --f-acento:#cf7620;           /* naranja ocre: rellenos con texto de tinta y marcas. NUNCA texto sobre blanco (3,4:1) */
  --f-acento-vivo:#dc8430;      /* el ocre al pasar el ratón */
  --f-acento-texto:#8f4a0a;     /* naranja para letra sobre claro · 6,7:1 */
  --f-acento-suave:#f0b878;     /* naranja para letra sobre tinta */
  --f-foco:#f3d3ac;             /* halo del campo enfocado */
  --f-apagado:#655d50;          /* texto secundario · 6,5:1 */
  --f-bien:#1f7a3c; --f-bien-texto:#14532d; --f-bien-fondo:#dcefe2;
  --f-mal:#b3261e; --f-mal-fondo:#f7e1dd;
  /* tres voces: la casa (sans), Elena (serif), cifras y etiquetas (mono) */
  --f-sans:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --f-serif:"IBM Plex Serif",Georgia,"Times New Roman",serif;
  /* esquinas */
  --f-radio-s:4px; --f-radio:6px; --f-pildora:999px;
  /* movimiento: 100 pulsar · 160 cambio de estado · 240 entradas · 400 una vez por momento importante. Nada rebota. */
  --f-t1:100ms; --f-t2:160ms; --f-t3:240ms; --f-t4:400ms;
  --f-curva:cubic-bezier(.2,.8,.2,1); --f-curva-io:cubic-bezier(.65,0,.35,1);
  /* lo que se toca con el dedo */
  --f-toque:44px;
}