/* colors.css — tokens semánticos de color para charts y deltas (Prompt 2).

   Este archivo NO redefine los tokens base de paleta (--accent, --bg, --fg-*,
   --ok, --color-danger, --stock-*) que viven en style.css. Son aliases con
   semántica explícita orientados al uso en gráficos y KPIs comparativos:

     - "actual"      → datos del período en curso / serie principal
     - "comparacion" → datos del período anterior / serie de referencia
     - "acumulado"   → curvas de Pareto, líneas de % acumulado
     - "positivo"    → deltas favorables (YoY +, crecimiento, recupero)
     - "negativo"    → deltas desfavorables (YoY −, caída, quiebre)
     - "otros"       → segmento "Otros (N)" en treemaps/donuts/Pareto

   Reusan tokens existentes donde la semántica encaja, y agregan los
   colores que faltaban (--c-acumulado, --c-otros) buscando coherencia con
   el dark theme y distinguibilidad para usuarios con deuteranopia.

   Cargar después de style.css en base.html. */

:root {
    /* Color principal: el naranja Pantone 130 C sigue siendo el hue dominante
       de marca. Cualquier serie "actual" o "principal" del dashboard usa éste. */
    --c-actual: var(--accent);

    /* Comparación / período anterior — gris neutro suficientemente luminoso
       para que las líneas de "año anterior" no se pierdan contra el fondo
       (#000/#0a0a0a/#111). 5.4:1 sobre --bg-soft (WCAG AA). */
    --c-comparacion: #8a8a8a;

    /* Acumulado / curva Pareto — cian saturado, distinto del azul de
       --stock-exceso (#60a5fa) que tiene otra semántica. 7.9:1 sobre --bg.
       Distinguible del --c-actual naranja en deuteranopia: el hue está
       ~180° apart y la luminance difiere (cian más oscuro que el naranja). */
    --c-acumulado: #3FBAC2;

    /* Deltas positivos — verde pedido por Insights (alias de --ok / --color-success).
       El verde acá es warm-neutral y solo aparece en deltas favorables. */
    --c-positivo: var(--color-success);

    /* Deltas negativos — rojo de alerta de KPIs (alias de --color-danger).
       Se distingue de --accent-hot (#F2391C) porque éste último es el
       extremo del gradiente accent y se usa para CTAs/branding. */
    --c-negativo: var(--color-danger);

    /* "Otros" en agrupados (treemap, donut, Pareto, top-N + Otros).
       Gris tenue: visible pero claramente menos prominente que los segmentos
       individuales nombrados. 4.5:1 sobre --bg-soft (WCAG AA mínimo). */
    --c-otros: #6e6e6e;
}

/*
  TABLA DE TOKENS SEMÁNTICOS DE COLOR
  ------------------------------------
    --c-actual         #F2A900 (naranja Pantone 130 C, alias de --accent)
                        usalo para la serie principal de cualquier chart
                        (ventas del período, saldo actual, KPI hero).

    --c-comparacion    #8a8a8a
                        línea/barra del período anterior en charts comparativos.

    --c-acumulado      #3FBAC2 (cian)
                        curva de % acumulado en Pareto, línea de acumulado
                        en charts de tendencia, NUNCA naranja.

    --c-positivo       #16a34a (verde, alias --color-success)
                        delta YoY favorable, recupero, crecimiento.

    --c-negativo       #e05252 (rojo, alias --color-danger)
                        delta YoY desfavorable, caída, quiebre.

    --c-otros          #6e6e6e
                        segmento "Otros (N)" en treemaps/donuts/Pareto top-N.

  Notas
    - Si un componente necesita un nuevo color con semántica distinta a
      éstos, agregalo acá antes de hardcodearlo en JS o en un CSS de página.
    - Para fondos sutiles de KPI cards con delta, mezclá con rgba() en uso
      (no creamos variantes pre-renderizadas para evitar combinatoria).
    - Los colores del semáforo de cobertura (--stock-normal/quebrado/etc.)
      siguen viviendo en style.css porque son específicos del dominio de
      stock, no aliases generales para charts.
*/