/* css/paleta.css — UNA sola fuente de los colores del ERP (v0.542). La cargan, ANTES de su propia hoja, las pantallas
   (layout.php, login.php, dos_pasos.php) y los documentos que se imprimen o se mandan (OC al proveedor, protocolo HAT/SAT,
   reporte semanal, formatos de almacén, factura): Pablo, 18-oct-2026, «system colours» también en los impresos.
   Los documentos escriben var(--pf-…, #valor-apple): sin esta hoja (una copia fija vieja) siguen con los colores de Apple. */

/* PALETA — colores del SISTEMA (v0.541, Pablo 18-oct-2026: «los colores son los del sistema, no el azul marino de la marca»).
   Cada plataforma usa su paleta de serie, como iUto: Apple (Mac, iPhone, iPad; es la de :root), Android (Material 3, Google
   blue) y Windows (Fluent). La clase html.plat-* la pone un script en el <head> ANTES de esta hoja (layout.php, login.php,
   dos_pasos.php). El programa de Mac escribe encima --pf-azul* con el acento que cada persona eligió en Ajustes del Sistema
   (desktop/mac/ERPKratfel/main.swift accentScript()). Siempre #rrggbb aquí: los valores derivados van con color-mix.
   Contraste AA como antes: --pf-azul (tinta), --pf-azul-fuerte (botón con letra blanca) y los -texto pasan 4.5:1 en blanco.
   Lo que sale de Kratfel hacia afuera (OC al proveedor, protocolo HAT/SAT, reporte semanal, factura) lleva su propia hoja
   con la imagen corporativa y no lee estas variables. scripts/colores_sistema.py pasó los colores escritos a mano a estas. */
/* Grises de Apple NEUTROS (Pablo, 20-oct-2026: «el fondo rosa no es del sistema… definitivamente no el rosa»). Antes eran los de
   iOS (systemGroupedBackground #f2f2f7, systemGray5 #e5e5ea…), que llevan un tinte azul-violeta: en la pantalla de la Mac la página
   y las cajas de los formularios se veían rosadas. La Mac (AppKit) usa grises sin tinte: windowBackgroundColor ≈ #ececec,
   controlBackgroundColor #ffffff, separadores y rejilla grises puros. Aquí van esos, en las mismas luminancias de antes. */
:root {
  --pf-fondo:        #ececec;
  --pf-caja:         #ffffff;
  --pf-caja-suave:   #f7f7f7;
  --pf-caja-hover:   #e8e8e8;
  --pf-cabecera:     #1d1d1d;
  --pf-borde:        #d3d3d3;
  --pf-borde-suave:  #e3e3e3;
  --pf-borde-fuerte: #afafaf;
  --pf-rejilla:      #e9e9e9;

  --pf-titulo:       #1d1d1d;
  --pf-texto:        #2b2b2b;
  --pf-texto-2:      #3a3a3a;
  --pf-texto-3:      #616161;   /* §18 (22-oct-2026): #6b6b6b daba 4.35:1 sobre la caja gris de los formularios; con este, 5.0:1 */
  --pf-vacio:        #afafaf;

  /* acento: systemBlue; tinta y relleno un paso más oscuros para el contraste AA (los mismos que calcula la Mac) */
  --pf-azul:              #005fc7;
  --pf-azul-claro:        #007aff;
  --pf-azul-fuerte:       #0064d1;
  --pf-azul-fuerte-hover: #0053ad;
  --pf-azul-fondo:        #e3f0ff;
  --pf-azul-borde:        #b3d7ff;

  --pf-verde:        #34c759;
  --pf-verde-texto:  #1e7b34;
  --pf-verde-fondo:  #e8f8ec;
  --pf-verde-borde:  #a6e3b5;

  --pf-ambar:        #ff9500;
  --pf-ambar-texto:  #c93400;
  --pf-ambar-fondo:  #fff4e5;
  --pf-ambar-borde:  #ffd08a;

  --pf-rojo:         #ff3b30;
  --pf-rojo-texto:   #d70015;
  --pf-rojo-fondo:   #ffebea;
  --pf-rojo-borde:   #ffb4ae;

  --gr-plan:         #8e8e8e;   /* referencia / plan en las gráficas: gris neutro */
  /* letra del sistema (v0.542 C, css/plataforma.css): SF en Apple, Roboto en Android, Segoe UI Variable en Windows */
  --pf-letra: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", system-ui, sans-serif;
}
html.plat-android {
  --pf-fondo: #f8fafd; --pf-caja: #ffffff; --pf-caja-suave: #f8fafd; --pf-caja-hover: #eef2f8; --pf-cabecera: #1f1f1f;
  --pf-borde: #c4c7c5; --pf-borde-suave: #e1e3e1; --pf-borde-fuerte: #a9acaa; --pf-rejilla: #eceeec;
  --pf-titulo: #1f1f1f; --pf-texto: #303030; --pf-texto-2: #444746; --pf-texto-3: #5e5e5e; --pf-vacio: #a9acaa;
  --pf-azul: #0b57d0; --pf-azul-claro: #1a73e8; --pf-azul-fuerte: #0b57d0; --pf-azul-fuerte-hover: #0842a0; --pf-azul-fondo: #d3e3fd; --pf-azul-borde: #a8c7fa;
  --pf-verde: #1e8e3e; --pf-verde-texto: #137333; --pf-verde-fondo: #e6f4ea; --pf-verde-borde: #a8dab5;
  --pf-ambar: #e37400; --pf-ambar-texto: #8c4a00; --pf-ambar-fondo: #feefc3; --pf-ambar-borde: #fdd663;
  --pf-rojo: #d93025; --pf-rojo-texto: #b3261e; --pf-rojo-fondo: #fce8e6; --pf-rojo-borde: #f6aea9;
  --gr-plan: #8e918f;
  --pf-letra: Roboto, "Google Sans Text", "Noto Sans", system-ui, sans-serif;
}
html.plat-win {
  --pf-fondo: #f3f3f3; --pf-caja: #ffffff; --pf-caja-suave: #f9f9f9; --pf-caja-hover: #ebebeb; --pf-cabecera: #1a1a1a;
  --pf-borde: #d1d1d1; --pf-borde-suave: #e5e5e5; --pf-borde-fuerte: #adadad; --pf-rejilla: #ededed;
  --pf-titulo: #1a1a1a; --pf-texto: #242424; --pf-texto-2: #424242; --pf-texto-3: #5d5d5d; --pf-vacio: #a0a0a0;
  --pf-azul: #005fb8; --pf-azul-claro: #0078d4; --pf-azul-fuerte: #0067c0; --pf-azul-fuerte-hover: #003e92; --pf-azul-fondo: #e0eef9; --pf-azul-borde: #99c9ef;
  --pf-verde: #0f7b0f; --pf-verde-texto: #0e700e; --pf-verde-fondo: #dff6dd; --pf-verde-borde: #9fd89f;
  --pf-ambar: #f7630c; --pf-ambar-texto: #9d5d00; --pf-ambar-fondo: #fff4ce; --pf-ambar-borde: #f8df8c;
  --pf-rojo: #c42b1c; --pf-rojo-texto: #c42b1c; --pf-rojo-fondo: #fde7e9; --pf-rojo-borde: #f1bbbc;
  --gr-plan: #8a8a8a;
  --pf-letra: "Segoe UI Variable Text", "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;
}
/* gráficas: el acento y sus pasos (secuencial para mapas de calor y estados, ordinal para flujos), derivados del acento de la
   plataforma (o del de la Mac). En SVG también sirven: fill="var(--gr-seq-3)" funciona en Chromium y WebKit. */
:root {
  --gr-acento: var(--pf-azul-claro);
  --gr-seq-0: color-mix(in srgb, var(--pf-azul-claro) 9%, #fff);
  --gr-seq-1: color-mix(in srgb, var(--pf-azul-claro) 22%, #fff);
  --gr-seq-2: color-mix(in srgb, var(--pf-azul-claro) 40%, #fff);
  --gr-seq-3: color-mix(in srgb, var(--pf-azul-claro) 62%, #fff);
  --gr-seq-4: color-mix(in srgb, var(--pf-azul-claro) 88%, #000);
  --gr-seq-5: color-mix(in srgb, var(--pf-azul-claro) 62%, #000);
  --gr-ord-0: color-mix(in srgb, var(--pf-azul-claro) 45%, #fff);
  --gr-ord-1: var(--pf-azul-claro);
  --gr-ord-2: color-mix(in srgb, var(--pf-azul-claro) 62%, #000);
}
@supports not (color: color-mix(in srgb, red 10%, #fff)) {
  :root { --gr-seq-0: #ebf4ff; --gr-seq-1: #c7e1ff; --gr-seq-2: #99caff; --gr-seq-3: #62adff; --gr-seq-4: #006be0; --gr-seq-5: #004c9e;
          --gr-ord-0: #8cc3ff; --gr-ord-2: #004c9e; }
}
/* FIN PALETA */