/* ══ FARO · tokens del sistema nuevo ════════════════════════════════════════
   La paleta «Alta visibilidad» (ronda 3 del rediseño, 2026-09-27): tinta y el
   lima del chaleco reflectivo. Nada de aquí sale de Atrio ni de la paleta de
   Aurha; las dos siguen vivas en el resto de la aplicación mientras el sistema
   nuevo no llegue hasta allí, y por eso estos tokens llevan su propio prefijo.

   Las escalas se construyeron en OKLCH con luminosidad pareja. Lo que importa
   para usarlas:

   - El LIMA es luz y fondo, NUNCA texto sobre blanco: da 1,25:1. Sobre la
     tinta sí se lee (15,3:1), y encima de él va siempre tinta (14,2:1).
   - La TINTA es la noche del ingreso y el texto de todo lo demás.
   - Los ESTADOS salen de la norma de señales (NTC 1461), no de la marca, y
     son los mismos con cualquier empresa. Cada uno se lee a 4,5:1 o más como
     texto sobre su propio tinte. Éxito es más oscuro que peligro a propósito:
     así se siguen distinguiendo con daltonismo rojo-verde.

   `tenants/tests_faro_tokens.py` mide estos contrastes con los valores de este
   archivo: si alguien retoca un color y lo deja por debajo del mínimo, se
   pone rojo. */

:root{
  /* La noche y la luz */
  --faro-tinta:#0C0F16;          /* oklch(0.17 0.015 265) */
  --faro-lima:#BAF956;           /* oklch(0.91 0.20 128)  */

  /* Neutros: la tinta aclarada, oklch(L 0.02 265) */
  --faro-n50:#F5F7FA;
  --faro-n100:#EBEDF1;
  --faro-n200:#D7DBE2;
  --faro-n300:#BCC1CA;
  --faro-n400:#9CA2AD;
  --faro-n500:#808692;           /* borde de campo: 3,66:1 sobre blanco */
  --faro-n600:#666C78;           /* texto de ayuda dentro del campo: 4,91:1 */
  --faro-n700:#505560;           /* texto secundario: 7,47:1 */
  --faro-n800:#3B4049;
  --faro-n900:#282B32;
  --faro-n950:#16181D;

  /* Estados, con el tinte sobre el que van */
  --faro-exito:#017044;    --faro-exito-tinte:#EDF3EF;
  --faro-aviso:#975700;    --faro-aviso-tinte:#F7F1EC;
  --faro-peligro:#BE2327;  --faro-peligro-tinte:#FDEFED;
  --faro-info:#2266A4;     --faro-info-tinte:#EDF2F8;

  /* Letra: Archivo, una grotesca de trabajo. Su eje de ancho (62–125) da los
     titulares en su versión ancha sin cargar otra familia. */
  --faro-letra:"Archivo", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* Forma */
  --faro-radio:10px;
  --faro-campo-alto:52px;        /* para el dedo, no solo para el ratón */

  /* Movimiento: salida fuerte para lo que aparece, y vaivén para lo que se
     desplaza. Las de serie de CSS son demasiado flojas. */
  --faro-sal:cubic-bezier(0.23, 1, 0.32, 1);
  --faro-vaiven:cubic-bezier(0.77, 0, 0.175, 1);
}