/* tokens-die.css — hoja de tokens del proyecto pba-edu (DIE / DGCyE, PBA)
   Fecha: 2026-08-25
   Fuente de CADA valor: pba-edu/meta/identidad-visual.md (paleta con fuente primaria
   citada: Manual de Marca "Buenos Aires" 2021, normas.gba.gob.ar; tipografía/espaciado
   §3-§4, extraídos del :root de tablero-rico-chartjs.html, la "vara de implementación"
   que ese doc declara). Este archivo NO agrega fuentes nuevas ni inventa valores.

   Regla (doctrina espacio-de-diseno-por-proyecto.md): este archivo PISA tokens, no
   copia mecanismo. Si te encontrás copiando una clase `.ck-*` acá, parate: eso va al
   kit (_base/tools/chart-kit/), no acá.

   Orden de carga: linkear DESPUÉS de chart-kit/chart-kit.css (el proyecto pisa al kit). */

:root{
  /* ---- Neutros de superficie y texto (identidad-visual.md §2.1 + vara §"Scope") ---- */
  --ck-tinta:#000015;          /* texto principal — decisión propia (jerarquía de grises) */
  --ck-suave:#4d5761;          /* texto secundario */
  --ck-tenue:#9da5b1;          /* texto terciario — solo sobre fondos claros; contraste medido 2026-08-21 */
  --ck-papel:#ffffff;          /* superficie de tarjeta */
  --ck-lienzo:#f7f8fa;         /* fondo de página */
  --ck-borde:#ebedef;

  /* ---- Acción ----
     identidad-visual.md §2.1 marca este color como "Elegido por r33, sin respaldo en
     el manual — el manual no define un 5º color de acción distinto de la turquesa.
     Pendiente: evaluar si --accion debería ser la turquesa institucional en vez de un
     violeta propio". Se hereda la duda con su cita; no se resuelve acá. */
  --ck-accion:#321fdb;

  /* ---- Tipografía (identidad-visual.md §3 — escala 1.25, base 16px, system UI) ---- */
  --ck-fuente:-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --ck-fs-caption:.8rem;       /* 12.8px */
  --ck-fs-body:1rem;           /* 16px */
  --ck-fs-h4:1.25rem;          /* 20px — título de tarjeta */
  --ck-fs-h3:1.5625rem;        /* 25px — reservado */

  /* ---- Espaciado (identidad-visual.md §4.1 — base 4px, escala 4/8) ---- */
  --ck-sp-1:4px; --ck-sp-2:8px; --ck-sp-3:12px; --ck-sp-4:16px; --ck-sp-5:24px;

  /* ---- Radios y sombras (identidad-visual.md §4.2-§4.3; solo sombras neutras, nunca glow) ---- */
  --ck-r-caja:12px;
  --ck-r-pill:999px;
  --ck-sh-1:0 1px 2px rgba(0,0,21,.05);   /* reposo */
  --ck-sh-2:0 8px 24px rgba(0,0,21,.09);  /* hover/foco */

  /* ---- Colores de SERIE (identidad-visual.md §2.1 — Manual de Marca BA 2021) ----
     NO son tokens del kit: el kit no tiene paleta de datos (sistema-de-charts §5).
     Se declaran acá como variables del proyecto y se pasan como parámetro a
     ChartKit.donut()/barras()/serieTemporal() (leer con ChartKit.token("--estudiantes")).
     Regla anillo = categoría (decisión Julián 2026-08-21). Nunca usarlos como texto de
     cuerpo ni mezclarlos entre categorías. */
  --estudiantes:#00aec3;       /* Matrícula — turquesa institucional, Pantone 2397 UP */
  --escuelas:#22a954;          /* Unidades de servicio */
  --cargos:#1f3464;            /* Cargos docentes — "azul marino" */
  --predios:#be1717;           /* Predios educativos — "rojo" */
  /* pasteles de fondo por categoría (vara: :root de tablero-rico-chartjs.html) */
  --estudiantes-suave:#d9f3f6;
  --escuelas-suave:#def2e5;
  --cargos-suave:#dde1e8;
  --predios-suave:#f5dcdc;

  /* ---- Paleta categórica de SERIES DE REGIÓN (T3 multi-región, 2026-08-25) ----
     Reusa los 4 colores Manual BA de arriba con OTRA semántica: acá identifican la
     REGIÓN elegida (slot 1º/2º/3º/4º), no una categoría temática — otro tablero, sin
     colisión perceptual (decisión handoff 2026-08-25-chat2 §3). El cap de regiones
     simultáneas ES el largo de esta paleta (4): no hay 5º color institucional que no
     esté reservado (violeta = acción, prohibido como serie). Provincia NUNCA toma un
     color de región: va en gris de referencia (--ck-suave) cuando es línea. */
  --region-serie-1:#00aec3;
  --region-serie-2:#1f3464;
  --region-serie-3:#22a954;
  --region-serie-4:#be1717;
}