/* ═══════════════════════════════════════════════════════════════════════
   TOKENS DE COLOR · paleta «ESPARQ INTERNO» (provisional)
   ───────────────────────────────────────────────────────────────────────
   Norma G02: todo color de una vista es una variable con el nombre del
   token de Figma. Antes de este archivo no había ninguna: 0 definiciones de
   `--blue-NNN` en main y en ui/figma (inventario 0, 27/09/2026).

   DE DÓNDE SALE CADA VALOR. No hubo acceso a la librería de Figma, así que
   la paleta se DERIVÓ de los colores que la UI (rama ui/figma, 781453a) ya
   usa y cuyos comentarios nombran el token. Tres clases de valor:

     [visto]    el hex aparece en la UI junto al nombre del token.
     [regla]    el hex aparece en la UI y cuadra con la regla de la escala,
                aunque ningún comentario lo nombre.
     [derivado] no aparece: sale de la regla de la escala.

   LA REGLA DE LA ESCALA (se comprobó con tres familias):
     50  = base al 10 % sobre blanco      blue #E6F2FA  · green #E6FAF0
     75  = base al 40 % sobre blanco      blue #99CBEB
     200 = base al 83 % sobre blanco      blue #3195D7
     300 = base                            blue #077FCF
     400 = base × 0,70                     blue #055991  · green #048F47
     500 = 400 × 0,867                     green #037C3E · orange #9C5703
   100 no aparece nunca con nombre: se interpoló al 60 % [derivado].

   SE AJUSTA CONTRA FIGMA en cuanto haya acceso a «ESPARQ INTERNO» (D-208):
   los [derivado] son los primeros que hay que confirmar.

   ESTE ARCHIVO SOLO DEFINE. No reemplaza ningún hex de ninguna vista: cada
   vista migra los suyos en su propio `assets/ui/<vista>.css`.
   ═══════════════════════════════════════════════════════════════════════ */

:root{
  /* ── blue · primario ─────────────────────────────────────────────── */
  --blue-50:  #E6F2FA;   /* [visto]    index.html ui «blue/50»: fondo de chip, cuenta del filtro (notificaciones 664:2076) */
  --blue-75:  #99CBEB;   /* [visto]    ui «blue/75»: filete punteado de la lista de avisos (664:2096) */
  --blue-100: #6AB2E2;   /* [derivado] 60 % sobre blanco; no aparece en la UI */
  --blue-200: #3195D7;   /* [visto]    ui «blue/200» (34 usos) */
  --blue-300: #077FCF;   /* [visto]    ui «blue/300» (209 usos): botón primario, pestaña activa, login 858:367 */
  --blue-400: #055991;   /* [regla]    5 usos en la UI; = 300 × 0,70 */
  --blue-500: #044D7E;   /* [derivado] 400 × 0,867 */

  /* ── green · éxito / cumple ──────────────────────────────────────── */
  --green-50:  #E6FAF0;  /* [regla]    15 usos (chip «ok» de la portada, «rz-p-ok» del Resumen 680:7943) */
  --green-75:  #9BEBC1;  /* [derivado] 40 % sobre blanco */
  --green-100: #6AE0A3;  /* [derivado] 60 % sobre blanco */
  --green-200: #30D47F;  /* [derivado] 83 % sobre blanco */
  --green-300: #06CC65;  /* [derivado] base: green-400 / 0,70 */
  --green-400: #048F47;  /* [visto]    ui «green/400» (Reporte Gerencial 264:449) */
  --green-500: #037C3E;  /* [regla]    Resumen, frente cerrado (ui index.html «rz-fr.cerrado .rz-fr-b») */

  /* ── grises ──────────────────────────────────────────────────────────
     La norma habla de «grises 1–9»; los comentarios de la UI los llaman
     «neutro/N» y llegan hasta 12. Se vieron exactamente 9 pasos
     (neutro 1, 3, 5, 6, 7, 8, 10, 11 y 12) y se asignan a gray-1..9 por
     orden de claro a oscuro. LA CORRESPONDENCIA gray↔neutro ES UNA
     SUPOSICIÓN: se confirma contra Figma. */
  --gray-1: #FFFFFF;     /* [visto] neutro/1  · tarjeta blanca */
  --gray-2: #F5F5F5;     /* [visto] neutro/3  · barra de filtros */
  --gray-3: #D9DADB;     /* [visto] neutro/5  · carril del mini (Reporte Gerencial) */
  --gray-4: #C0C1C3;     /* [visto] neutro/6 */
  --gray-5: #8E9093;     /* [visto] neutro/7  · texto apagado, fecha de aviso */
  --gray-6: #5C5E64;     /* [visto] neutro/8  · título de aviso leído */
  --gray-7: #2A2D34;     /* [visto] neutro/10 · texto principal */
  --gray-8: #22262D;     /* [visto] neutro/11 · trazo del cierre */
  --gray-9: #181C23;     /* [visto] neutro/12 */
  /* Los mismos, con el nombre que usan los comentarios de la UI, para que
     quien copie un bloque con «neutro/7» encuentre su variable. */
  --neutro-1: var(--gray-1);  --neutro-3: var(--gray-2);  --neutro-5: var(--gray-3);
  --neutro-6: var(--gray-4);  --neutro-7: var(--gray-5);  --neutro-8: var(--gray-6);
  --neutro-10: var(--gray-7); --neutro-11: var(--gray-8); --neutro-12: var(--gray-9);

  /* ── estados (no los pide D-208, pero la UI los nombra) ───────────── */
  --red-50:  #FEEAEA;    /* [visto] ui «red/50»  · fondo de píldora roja */
  --red-75:  #FDAAAA;    /* [visto] notificaciones 664:2088 «red/75» · borde del disco */
  --red-400: #AE2121;    /* [visto] ui «red/400» · Reporte Gerencial 264:502 */
  --orange-400: #B46504; /* [visto] ui «orange/400» · cifra en ámbar 264:481 */
  --orange-500: #9C5703; /* [visto] ui «orange/500» */

  /* ── «Degradé» ───────────────────────────────────────────────────────
     El estilo del archivo que usan la barra superior (780:2114) y los
     botones de descarga. assets/shell-blanco.css lo escribe en hex. */
  --degrade-1: #2985D3;  /* [visto] shell-blanco.css, .top-header (780:2114); Reporte Gerencial --deg-1 */
  --degrade-2: #367EDC;  /* [visto] ídem --deg-2 */
  --degrade: linear-gradient(90deg, var(--degrade-1) 12.952%, var(--degrade-2) 84.365%);

  /* ── «Sidebar» ───────────────────────────────────────────────────────
     Los valores vigentes del menú lateral son los de shell-blanco.css
     (--shell-*). Aquí solo se les da el nombre de la librería; el archivo
     del shell sigue siendo el dueño. */
  --sidebar-bg:          var(--shell-panel, #FFFFFF);        /* [visto] shell-blanco.css :root */
  --sidebar-item:        var(--shell-item, #46505F);
  --sidebar-item-strong: var(--shell-item-strong, #16243A);
  --sidebar-active-bg:   var(--shell-active-bg, #E7F1FC);
  --sidebar-active-text: var(--shell-active-text, #2171C9);
  --sidebar-label:       var(--shell-label, #98A2B3);
}