/* Los colores y las medidas de AUTOFACTURAS.

   Nació generado desde estilo.py del programa de escritorio; desde el
   11/9/2026 el escritorio se retiró y ESTE archivo es la paleta: todo
   color de la web sale de aquí. Nunca un #RRGGBB suelto en otro CSS. */
:root {

  /* los colores, tal como los tiene el escritorio */
  --cian: #02E2FD;   /* el marco del logotipo */
  --marino: #022260;   /* las letras y la palabra TECH */
  --marino-medio: #0A3E86;   /* el marino aclarado, para acentos y botones */
  --cian-tenue: #D6F5FB;   /* cian rebajado, para lo elegido y lo activo */
  --cian-suave: #EAFBFE;   /* cian casi blanco, para el dia de hoy */
  --verde-marca: #022260;   /* titulos y textos de marca */
  --verde: #0A3E86;   /* acentos, raya del encabezado, boton principal */
  --verde-pulsado: #022260;   /* el mismo, mas oscuro, al presionar */
  --verde-apagado: #9FB4CE;   /* el mismo, sin fuerza, cuando no se puede */
  --vino: #5E1617;   /* rojo vino del lema */
  --verde-tinta: #0B1B3A;   /* el marino llevado casi al negro */
  --blanco: #FFFFFF;
  --fondo: #F0F0F0;   /* gris de control de Windows */
  --borde: #D8DFD8;
  --texto: #1B1F23;   /* casi negro: mas amable que el negro puro */
  --gris: #666D7A;   /* texto secundario */
  --gris-suave: #98A2AE;   /* marcas de agua y controles apagados */
  --raya-panel: #B2B7C1;   /* separador del panel y la bitacora */
  --gris-apagado: #8A9198;   /* lo que esta deshabilitado */
  --verde-ok: #1E7B45;
  --ambar: #B45309;
  --rojo: #B42318;
  --fondo-aviso: #FDF6E3;   /* la charla de Dali (ventana_asistente) */
  --verde-aprobar: #3D7A4A;
  --verde-paso: #3D7A4A;
  --verde-paso-dado: #84C494;
  --rojo-rechazar: #A65048;
  --violeta: #6C4BA6;
  --amarillo: #D9A404;
  --ejecutando: #FFF2CC;
  --ejecutando-texto: #66521A;
  --ejecutando-borde: #D6BD72;
  --casilla-numero: #E6F0E7;
  --barra-herramientas: #E4E4E4;   /* el gris de debajo de los botones, */
  --barra-menu: #F0F0F0;
  --barra-menu-activa: #D6D6D6;
  --sombra-encabezado: #8A968C;
  --sombra: #C7CFD6;
  --sombra-tinta: #78858F;   /* el gris azulado con que se tine el fondo */
  --seleccion-texto: #CFE3D2;
  --seleccion-texto-inactiva: #DFEBE1;
  --nota-credito: #FBF0C4;   /* amarillo */
  --nota-debito: #DCE7F5;   /* azul */
  --parpadeo-estado: #9FDBA6;
  --fila-encima-suave: #F5F8F5;
  --fila-par: #FFFFFF;
  --fila-impar: #E9E9E9;   /* gris de Windows, visible de verdad */
  --fila-hover: #D3E8F5;   /* celeste, claramente distinto del verde */
  --franja: #E4EEF6;   /* banda de encabezado, en el cian de la casa */
  --franja-oscura: #C5D8E8;   /* la banda «SECCIONES DEL SISTEMA» (Andres, 9/9/2026: «mas oscuro») */
  --encabezado-tabla: #D6D6D6;
  --seleccionado: #BEE9F4;   /* cian rebajado: lo elegido en una lista */
  --activo: #D6F5FB;   /* lo que tiene el mouse encima */
  --borde-foco: #9AA79C;   /* borde de la caja donde se esta escribiendo */
  --hoy: #EAFBFE;   /* el dia de hoy en el calendario */
  --hoy-encima: #D6F5FB;   /* ese mismo dia con el mouse encima */
  --zoom-linea: #C4C4C4;   /* la raya sobre la que corre la pestaña */
  --zoom-marcador: #5A5A5A;   /* la pestaña */
  --zoom-marcador-encima: #1F1F1F;   /* la pestaña con el raton encima */
  --zoom-glifo: #3C3C3C;   /* el menos y el mas */
  --zoom-realce: #D6D6D6;   /* el recuadro que los ilumina al pasar */
  --fondo-asistente: #f0f6fa;   /* la charla de Dali (ventana_asistente) */
  --borde-asistente: #e5eff6;   /* la charla de Dali (ventana_asistente) */
  --fondo-persona: #f2f4f7;   /* la charla de Dali (ventana_asistente) */
  --borde-persona: #d7dce6;   /* la charla de Dali (ventana_asistente) */
  --borde-aviso: #eed9c9;   /* la charla de Dali (ventana_asistente) */

  /* los pasos del circuito, cada uno con su color */
  --tinta-paso-aprobar: #3D7A4A;
  --tinta-paso-rechazar: #A65048;
  --tinta-paso-tramitar: #3D7A4A;
  --tinta-paso-sws: #3D7A4A;
  --tinta-paso-pagar: #3D7A4A;
  --tinta-paso-pagado: #3D7A4A;
  --tinta-paso-archivar: #3D7A4A;
  --fondo-paso-aprobar: #84C494;
  --fondo-paso-rechazar: #E28D82;
  --fondo-paso-tramitar: #84C494;
  --fondo-paso-sws: #84C494;
  --fondo-paso-pagar: #84C494;
  --fondo-paso-pagado: #84C494;
  --fondo-paso-archivar: #84C494;

  /* la letra: Tk la mide en puntos, el navegador en píxeles */
  --familia: "Segoe UI", "Segoe UI Variable Text", system-ui, sans-serif;
  --familia-tabular: Consolas, "Cascadia Mono", monospace;
  --letra-tabla: 10.67px;   /* 8 puntos */
  --letra-cuerpo: 12.00px;   /* 9 puntos */
  --letra-casilla: 13.33px;   /* 10 puntos */
  --letra-titulo: 14.67px;   /* 11 puntos */
  --letra-numero: 22.67px;   /* 17 puntos */
  --letra-marca: 24.00px;   /* 18 puntos */
  --letra-cifra: 33.33px;   /* 25 puntos */

  /* el espaciado: unidad 2 px y sus múltiplos */
  --espacio-minimo: 2px;
  --espacio-corto: 4px;
  --espacio: 6px;
  --espacio-largo: 8px;
  --espacio-marco: 12px;
  --alto-fila: 26px;
  --sombra-profundidad: 2px;

  /* cómo se marca una fila */
  --sin-marca: "☐";
  --con-marca: "✔";

  /* Añadidos de la web, traídos aquí el 12/9/2026: estaban definidos en
     sicsa.css, y la regla es que TODO color viva en este archivo (una
     prueba lo vigila: pruebas_paleta.py). */

  /* los tonos de superficie del acabado web: un gris con una pizca del
     azul de la casa, que al lado del marino no se ve sucio */
  --lienzo: #FFFFFF;
  --chrome: #F7F8FA;
  --linea: #E2E6EC;
  --linea-fuerte: #CBD2DB;

  /* el verde pastel de «aquí estoy»: el botón de la pantalla que se
     está mirando (Andrés, 11/9/2026) */
  --verde-pastel: #E4F3E8;
  --verde-pastel-linea: #9FC9AC;

  /* los recordatorios de una tarea pendiente: se ven, no gritan */
  --rojo-suave: #C4695F;
  /* La pantalla de entrada (Andres, 14/9/2026: «disenar algo mas
     profesional y elegante»): el fondo marino con luz, el panel de la
     marca casi blanco, y los campos. */
  --entrada-luz: #0F3D8A;
  --entrada-sombra: #01173F;
  --entrada-panel: #F4F7FC;
  --entrada-panel-borde: #E4EBF5;
  --entrada-campo: #FBFCFE;
  --entrada-campo-borde: #D3DBE7;
  --entrada-texto-suave: #5A6472;
  --entrada-texto-tenue: #8A94A3;
  --fondo-rojo-suave: #FDF6F5;

  /* los globos del cumpleaños */
  --globo-1: #E4572E;
  --globo-2: #F4B942;
  --globo-3: #2E9E6B;
  --globo-4: #2D7DD2;
  --globo-5: #8E4FBF;

  /* el dibujo de Dali, el perro: su pelaje y sus rasgos */
  --dali-trazo: #3F2711;
  --dali-pelaje: #6E4726;
  --dali-oreja: #4E2F16;
  --dali-pelaje-claro: #C89A6E;
  --dali-pecho: #EFE7DC;
  --dali-nariz: #8A5A3E;
  --dali-ojo-blanco: #F7F2EC;
  --dali-iris-celeste: #6FB8DE;
  --dali-iris-cafe: #8A5A2B;
  --dali-pupila: #1A1210;
  --dali-chapa: #E9B84A;
  --dali-boca: #4A2E17;
  --dali-lengua: #E4747E;
}