/* Prosumia — PALETA SECUNDARIA DE DATOS (v1.3)
   ===========================================================================
   Fuente: "Paleta de datos Prosumia" (paleta cromática oficial, 16 familias ×
   4 escalones + 6 neutros de figura). Reemplaza la paleta de 10 categóricos que
   se había extendido a mano en v1.2: esos hues inventados (terracota, pizarra)
   quedaron fuera, y los tokens --prsm-data-1..10 ahora apuntan al orden
   categórico oficial, así que lo ya construido sigue funcionando.

   JERARQUÍA. Rojo, ámbar y verde de MARCA son los primarios del sistema y viven
   en tokens/colors.css. Esta paleta es SECUNDARIA y de uso exclusivo en
   visualización: gráficos, series, heatmaps, indicadores de estado de un dato.

   NO va en botones, enlaces, encabezados, fondos de sección, pastillas, tramas,
   íconos ni mensajes de formulario. Regla de corte: si el color se puede cambiar
   por otro sin que cambie la LECTURA DEL DATO, no es de esta paleta.

   ESCALONES. 700 · 500 · 300 · 100, de oscuro a claro. El 500 es el escalón por
   defecto de una serie. Dentro de un mismo gráfico se usa UN solo escalón:
   mezclar el 500 de una familia con el 100 de otra mete una jerarquía que el
   dato no tiene.

   TEXTO ENCIMA. La tinta NO se deduce del escalón: cada muestra tiene la suya,
   medida, y está publicada como token --prsm-data-<familia>-<escalón>-ink. Usá
   ese token en vez de elegir a ojo.

   Como regla general el 700 y el 500 sostienen blanco y el 300 y el 100 piden
   oscuro (--prsm-data-neutral-900), pero hay DOCE excepciones reales:
     · Ámbar y amarillo NUNCA sostienen blanco, en ningún escalón
       (ambar-500/blanco = 1,94:1 · amarillo-500/blanco = 1,62:1).
     · naranja-500, lima-500, verde-500 y teal-500 tampoco: piden oscuro.
     · Al revés, los 300 de índigo, violeta, magenta y frambuesa piden BLANCO.
   TRECE ESCALONES NO SOSTIENEN TEXTO CHICO con ninguna de las dos tintas: su
   mejor contraste posible queda por debajo de 4,5:1. Son rojo-300 (3,78),
   bermellon-500 (4,00), bermellon-300 (4,39), lima-700 (3,88),
   verde-hoja-500 (3,79), verde-500 (4,31), teal-500 (3,86), cian-500 (3,77),
   azul-300 (3,89), violeta-300 (3,74), purpura-300 (3,79), magenta-300 (3,70) y
   frambuesa-300 (3,92). Sobre esos trece la etiqueta va FUERA de la muestra, o
   en tamaño grande (>=24px, o >=19px bold), donde el umbral baja a 3:1. Lo mismo
   vale para --prsm-data-neutral-500 (3,86).
   =========================================================================== */
:root{
  /* --- 16 familias × 4 escalones, en orden de rueda cromática --------------- */
  /* Rojo H358 — valor de marca */
  --prsm-data-rojo-700:#B40000;
  --prsm-data-rojo-500:#E9121C;
  --prsm-data-rojo-300:#F7444C;
  --prsm-data-rojo-100:#FD787D;
  /* Bermellón H14 */
  --prsm-data-bermellon-700:#B82B00;
  --prsm-data-bermellon-500:#EF3901;
  --prsm-data-bermellon-300:#F96234;
  --prsm-data-bermellon-100:#F69274;
  /* Naranja H27 */
  --prsm-data-naranja-700:#C25700;
  --prsm-data-naranja-500:#F46E01;
  --prsm-data-naranja-300:#F98F39;
  --prsm-data-naranja-100:#F6AF74;
  /* Ámbar H39 — valor de marca. Ningún escalón sostiene texto blanco. */
  --prsm-data-ambar-700:#E99000;
  --prsm-data-ambar-500:#FAAA00;
  --prsm-data-ambar-300:#FCB941;
  --prsm-data-ambar-100:#FFC968;
  /* Amarillo H50 — ningún escalón sostiene texto blanco. */
  --prsm-data-amarillo-700:#CCAA00;
  --prsm-data-amarillo-500:#F0C800;
  --prsm-data-amarillo-300:#FCD722;
  --prsm-data-amarillo-100:#F7DE64;
  /* Lima H72 */
  --prsm-data-lima-700:#728B0E;
  --prsm-data-lima-500:#8CA919;
  --prsm-data-lima-300:#B2D42B;
  --prsm-data-lima-100:#C0D56C;
  /* Verde hoja H105 */
  --prsm-data-verde-hoja-700:#2E7915;
  --prsm-data-verde-hoja-500:#3F9523;
  --prsm-data-verde-hoja-300:#5BBA3B;
  --prsm-data-verde-hoja-100:#89C973;
  /* Verde H144 — valor de marca */
  --prsm-data-verde-700:#008233;
  --prsm-data-verde-500:#0EA75D;
  --prsm-data-verde-300:#45C678;
  --prsm-data-verde-100:#85D09C;
  /* Teal H172 */
  --prsm-data-teal-700:#0A7B6C;
  --prsm-data-teal-500:#139A88;
  --prsm-data-teal-300:#2DBEAB;
  --prsm-data-teal-100:#66CCBE;
  /* Cian H192 */
  --prsm-data-cian-700:#0B748E;
  --prsm-data-cian-500:#138FAE;
  --prsm-data-cian-300:#2BB2D4;
  --prsm-data-cian-100:#70C2D7;
  /* Azul H212 */
  --prsm-data-azul-700:#0D54A5;
  --prsm-data-azul-500:#156CD1;
  --prsm-data-azul-300:#458CDE;
  --prsm-data-azul-100:#86B0DF;
  /* Índigo H240 */
  --prsm-data-indigo-700:#25259D;
  --prsm-data-indigo-500:#3333C1;
  --prsm-data-indigo-300:#6666CC;
  --prsm-data-indigo-100:#9898D7;
  /* Violeta H262 */
  --prsm-data-violeta-700:#5929AE;
  --prsm-data-violeta-500:#7240C9;
  --prsm-data-violeta-300:#9573CE;
  --prsm-data-violeta-100:#B5A1D9;
  /* Púrpura H288 */
  --prsm-data-purpura-700:#832999;
  --prsm-data-purpura-500:#A13BBA;
  --prsm-data-purpura-300:#B56BC7;
  --prsm-data-purpura-100:#C99BD4;
  /* Magenta H318 */
  --prsm-data-magenta-700:#9E1A76;
  --prsm-data-magenta-500:#C32894;
  --prsm-data-magenta-300:#D256AD;
  --prsm-data-magenta-100:#DA8BC2;
  /* Frambuesa H338 */
  --prsm-data-frambuesa-700:#A31449;
  --prsm-data-frambuesa-500:#CA215F;
  --prsm-data-frambuesa-300:#D84F82;
  --prsm-data-frambuesa-100:#DD88A7;

  /* --- Tinta por muestra -------------------------------------------------
     Medida contra blanco y contra el neutro 900; se publica la que gana. Toda
     etiqueta, valor o leyenda que vaya ENCIMA de una muestra usa este token. */
  --prsm-data-rojo-700-ink:#FFFFFF;--prsm-data-rojo-500-ink:#FFFFFF;--prsm-data-rojo-300-ink:var(--prsm-data-neutral-900);--prsm-data-rojo-100-ink:var(--prsm-data-neutral-900);
  --prsm-data-bermellon-700-ink:#FFFFFF;--prsm-data-bermellon-500-ink:#FFFFFF;--prsm-data-bermellon-300-ink:var(--prsm-data-neutral-900);--prsm-data-bermellon-100-ink:var(--prsm-data-neutral-900);
  --prsm-data-naranja-700-ink:#FFFFFF;--prsm-data-naranja-500-ink:var(--prsm-data-neutral-900);--prsm-data-naranja-300-ink:var(--prsm-data-neutral-900);--prsm-data-naranja-100-ink:var(--prsm-data-neutral-900);
  --prsm-data-ambar-700-ink:var(--prsm-data-neutral-900);--prsm-data-ambar-500-ink:var(--prsm-data-neutral-900);--prsm-data-ambar-300-ink:var(--prsm-data-neutral-900);--prsm-data-ambar-100-ink:var(--prsm-data-neutral-900);
  --prsm-data-amarillo-700-ink:var(--prsm-data-neutral-900);--prsm-data-amarillo-500-ink:var(--prsm-data-neutral-900);--prsm-data-amarillo-300-ink:var(--prsm-data-neutral-900);--prsm-data-amarillo-100-ink:var(--prsm-data-neutral-900);
  --prsm-data-lima-700-ink:#FFFFFF;--prsm-data-lima-500-ink:var(--prsm-data-neutral-900);--prsm-data-lima-300-ink:var(--prsm-data-neutral-900);--prsm-data-lima-100-ink:var(--prsm-data-neutral-900);
  --prsm-data-verde-hoja-700-ink:#FFFFFF;--prsm-data-verde-hoja-500-ink:#FFFFFF;--prsm-data-verde-hoja-300-ink:var(--prsm-data-neutral-900);--prsm-data-verde-hoja-100-ink:var(--prsm-data-neutral-900);
  --prsm-data-verde-700-ink:#FFFFFF;--prsm-data-verde-500-ink:var(--prsm-data-neutral-900);--prsm-data-verde-300-ink:var(--prsm-data-neutral-900);--prsm-data-verde-100-ink:var(--prsm-data-neutral-900);
  --prsm-data-teal-700-ink:#FFFFFF;--prsm-data-teal-500-ink:var(--prsm-data-neutral-900);--prsm-data-teal-300-ink:var(--prsm-data-neutral-900);--prsm-data-teal-100-ink:var(--prsm-data-neutral-900);
  --prsm-data-cian-700-ink:#FFFFFF;--prsm-data-cian-500-ink:#FFFFFF;--prsm-data-cian-300-ink:var(--prsm-data-neutral-900);--prsm-data-cian-100-ink:var(--prsm-data-neutral-900);
  --prsm-data-azul-700-ink:#FFFFFF;--prsm-data-azul-500-ink:#FFFFFF;--prsm-data-azul-300-ink:var(--prsm-data-neutral-900);--prsm-data-azul-100-ink:var(--prsm-data-neutral-900);
  --prsm-data-indigo-700-ink:#FFFFFF;--prsm-data-indigo-500-ink:#FFFFFF;--prsm-data-indigo-300-ink:#FFFFFF;--prsm-data-indigo-100-ink:var(--prsm-data-neutral-900);
  --prsm-data-violeta-700-ink:#FFFFFF;--prsm-data-violeta-500-ink:#FFFFFF;--prsm-data-violeta-300-ink:#FFFFFF;--prsm-data-violeta-100-ink:var(--prsm-data-neutral-900);
  --prsm-data-purpura-700-ink:#FFFFFF;--prsm-data-purpura-500-ink:#FFFFFF;--prsm-data-purpura-300-ink:var(--prsm-data-neutral-900);--prsm-data-purpura-100-ink:var(--prsm-data-neutral-900);
  --prsm-data-magenta-700-ink:#FFFFFF;--prsm-data-magenta-500-ink:#FFFFFF;--prsm-data-magenta-300-ink:#FFFFFF;--prsm-data-magenta-100-ink:var(--prsm-data-neutral-900);
  --prsm-data-frambuesa-700-ink:#FFFFFF;--prsm-data-frambuesa-500-ink:#FFFFFF;--prsm-data-frambuesa-300-ink:#FFFFFF;--prsm-data-frambuesa-100-ink:var(--prsm-data-neutral-900);

  /* --- Estructura de la figura ---------------------------------------------
     Grises de punta cálida (H 35°) para que convivan con el ámbar sin virar a
     azul. Cubren todo lo que NO es serie: ejes, grilla, leyenda, texto de la
     figura, categoría sin medición. Son los neutros DE LA FIGURA: fuera de un
     gráfico manda la rampa gris de la interfaz (--prsm-grey-*). */
  --prsm-data-neutral-900:#312E2B;
  --prsm-data-neutral-700:#56524D;
  --prsm-data-neutral-500:#878178;
  --prsm-data-neutral-300:#B2AEA9;
  --prsm-data-neutral-200:#D9D7D4;
  --prsm-data-neutral-100:#F1F0EF;

  /* --- Series categóricas --------------------------------------------------
     ORDEN OFICIAL: usá 1..N en orden, no elijas. Los primeros son los que más
     se separan entre sí, también en visión con deficiencia rojo-verde. */
  --prsm-data-1:var(--prsm-data-azul-500);
  --prsm-data-2:var(--prsm-data-ambar-500);
  --prsm-data-3:var(--prsm-data-verde-700);
  --prsm-data-4:var(--prsm-data-frambuesa-500);
  --prsm-data-5:var(--prsm-data-teal-500);
  --prsm-data-6:var(--prsm-data-naranja-500);
  --prsm-data-7:var(--prsm-data-violeta-500);
  --prsm-data-8:var(--prsm-data-lima-500);
  --prsm-data-9:var(--prsm-data-cian-500);
  --prsm-data-10:var(--prsm-data-magenta-500);
  --prsm-data-11:var(--prsm-data-indigo-300);
  --prsm-data-12:var(--prsm-data-verde-hoja-500);

  /* --- Estado de un DATO ---------------------------------------------------
     Los tres colores de marca codifican la condición de un dato (caída crítica,
     meta en riesgo, variación positiva), no un estado de interfaz. Si una serie
     cualquiera los usa como categoría, la lectura de semáforo se pierde: para
     eso están los categóricos de arriba. El estado de INTERFAZ vive en
     tokens/status.css. */
  --prsm-data-estado-error:var(--prsm-data-rojo-500);
  --prsm-data-estado-alerta:var(--prsm-data-ambar-500);
  --prsm-data-estado-ok:var(--prsm-data-verde-500);
  --prsm-data-sin-dato:var(--prsm-data-neutral-300);

  /* --- Escalas secuenciales (magnitud) -------------------------------------
     Los cuatro escalones de una familia, de 100 a 700. */
  --prsm-data-seq-azul-1:var(--prsm-data-azul-100);
  --prsm-data-seq-azul-2:var(--prsm-data-azul-300);
  --prsm-data-seq-azul-3:var(--prsm-data-azul-500);
  --prsm-data-seq-azul-4:var(--prsm-data-azul-700);
  --prsm-data-seq-teal-1:var(--prsm-data-teal-100);
  --prsm-data-seq-teal-2:var(--prsm-data-teal-300);
  --prsm-data-seq-teal-3:var(--prsm-data-teal-500);
  --prsm-data-seq-teal-4:var(--prsm-data-teal-700);
  --prsm-data-seq-purpura-1:var(--prsm-data-purpura-100);
  --prsm-data-seq-purpura-2:var(--prsm-data-purpura-300);
  --prsm-data-seq-purpura-3:var(--prsm-data-purpura-500);
  --prsm-data-seq-purpura-4:var(--prsm-data-purpura-700);

  /* --- Escalas divergentes (variación respecto de un centro) ---------------
     Dos familias opuestas con el neutro 100 en el medio. naranja-azul es la que
     hay que usar por defecto: la divergente rojo-verde es la que peor funciona
     en deuteranopía (cerca del 8% de los varones), así que queda para piezas
     donde el semáforo ya está explicado por texto o ícono. */
  --prsm-data-div-naranja-azul-1:var(--prsm-data-naranja-700);
  --prsm-data-div-naranja-azul-2:var(--prsm-data-naranja-500);
  --prsm-data-div-naranja-azul-3:var(--prsm-data-naranja-300);
  --prsm-data-div-naranja-azul-4:var(--prsm-data-naranja-100);
  --prsm-data-div-naranja-azul-mid:var(--prsm-data-neutral-100);
  --prsm-data-div-naranja-azul-5:var(--prsm-data-azul-100);
  --prsm-data-div-naranja-azul-6:var(--prsm-data-azul-300);
  --prsm-data-div-naranja-azul-7:var(--prsm-data-azul-500);
  --prsm-data-div-naranja-azul-8:var(--prsm-data-azul-700);

  --prsm-data-div-frambuesa-verde-1:var(--prsm-data-frambuesa-700);
  --prsm-data-div-frambuesa-verde-2:var(--prsm-data-frambuesa-500);
  --prsm-data-div-frambuesa-verde-3:var(--prsm-data-frambuesa-300);
  --prsm-data-div-frambuesa-verde-4:var(--prsm-data-frambuesa-100);
  --prsm-data-div-frambuesa-verde-mid:var(--prsm-data-neutral-100);
  --prsm-data-div-frambuesa-verde-5:var(--prsm-data-verde-100);
  --prsm-data-div-frambuesa-verde-6:var(--prsm-data-verde-300);
  --prsm-data-div-frambuesa-verde-7:var(--prsm-data-verde-500);
  --prsm-data-div-frambuesa-verde-8:var(--prsm-data-verde-700);

  --prsm-data-div-rojo-verde-1:var(--prsm-data-rojo-700);
  --prsm-data-div-rojo-verde-2:var(--prsm-data-rojo-500);
  --prsm-data-div-rojo-verde-3:var(--prsm-data-rojo-300);
  --prsm-data-div-rojo-verde-4:var(--prsm-data-rojo-100);
  --prsm-data-div-rojo-verde-mid:var(--prsm-data-neutral-100);
  --prsm-data-div-rojo-verde-5:var(--prsm-data-verde-100);
  --prsm-data-div-rojo-verde-6:var(--prsm-data-verde-300);
  --prsm-data-div-rojo-verde-7:var(--prsm-data-verde-500);
  --prsm-data-div-rojo-verde-8:var(--prsm-data-verde-700);

  /* --- Rampa secuencial ámbar (heatmap de marca) ---------------------------
     Se conserva de v1.2 porque es la única rampa que arranca en un tinte casi
     blanco, necesario para un heatmap denso. Los seis pasos admiten texto en
     --prsm-text-primary; ninguno admite texto blanco. */
  --prsm-data-seq-1:rgb(255,247,230);
  --prsm-data-seq-2:rgb(254,231,184);
  --prsm-data-seq-3:var(--prsm-data-ambar-300);
  --prsm-data-seq-4:var(--prsm-data-ambar-700);
  --prsm-data-seq-5:var(--prsm-data-amarillo-700);
  --prsm-data-seq-6:rgb(150,100,0);
  --prsm-data-seq-empty:var(--prsm-grey-75); /* celda sin dato en un heatmap */

  /* --- Trazo fino ----------------------------------------------------------
     El ámbar 500 sobre blanco se pierde en 1-2px (1,94:1). Toda línea, borde de
     barra o sparkline ámbar usa este paso. Extensión declarada: no está en la
     paleta, existe sólo por legibilidad de trazo. */
  --prsm-data-stroke-yellow:rgb(201,138,0);
  --prsm-data-stroke-w:2px; /* @kind spacing */
  --prsm-data-stroke-w-thin:1.5px; /* @kind spacing */

  /* --- Cromo del gráfico ---------------------------------------------------
     Apunta a los neutros DE LA FIGURA, no a los de la interfaz. */
  --prsm-data-axis:var(--prsm-data-neutral-700);   /* línea y números de eje */
  --prsm-data-grid:var(--prsm-data-neutral-200);   /* grilla */
  --prsm-data-grid-strong:var(--prsm-data-neutral-300); /* cero / referencia */
  --prsm-data-label:var(--prsm-data-neutral-500);  /* label fuera de leyenda */
  --prsm-data-track:var(--prsm-surface-muted);     /* riel de barra / progreso */

  /* --- Alias de v1.1/v1.2, conservados para no romper lo ya construido ----- */
  --prsm-data-yellow:var(--prsm-data-ambar-500);
  --prsm-data-red:var(--prsm-data-rojo-300);
  --prsm-data-green:var(--prsm-data-verde-500);
  --prsm-data-grey:var(--prsm-data-neutral-300);
  --prsm-data-sand:var(--prsm-data-ambar-300);
  --prsm-data-ink:var(--prsm-data-neutral-900);

  /* --- Redes sociales -----------------------------------------------------
     Extensión, no marca Prosumia ni parte de esta paleta. Cada tinta está
     ajustada para pasar 4,5:1 como texto sobre blanco y sobre sunken; NO son
     los hex oficiales de cada plataforma (los originales fallan AA). */
  --prsm-social-x:rgb(15,20,25);
  --prsm-social-instagram:rgb(193,53,132);
  --prsm-social-tiktok:rgb(208,0,60);
  --prsm-social-facebook:rgb(20,101,206);
  --prsm-social-youtube:rgb(204,0,0);
}