/* =========================================================================
   TOKENS DE IDENTIDAD VISUAL CIEP — única fuente de HEX permitida
   (Guidelines CIEP para Devin, v1: re-skin por tokens, no rediseño)

   INVENTARIO viejo → nuevo (mapeo aprobado con la instrucción de re-skin):
   --ciep #1f4e79 (azul primario)  → --ciep-orange (CTA/acentos) y
                                     --ciep-gray-dark (header/footer/thead)
   --gris #f4f5f7 (fondo paneles)  → superficies --ciep-white con borde
                                     --ciep-gray-light; página --ciep-beige
   texto #222                      → --ciep-black
   tfoot #e8ecf3                   → --ciep-gray-light
   error #fde8e8/#9b1c1c/#f8b4b4   → tokens funcionales --ciep-error-*
                                     (extensión: la paleta institucional no
                                     define semántica de error)
   tipografía sistema              → Ubuntu (títulos) + Open Sans (cuerpo)
   PALETA/SEMAFORO del mapa (JS)   → sin cambio: paleta de GRÁFICAS/datos,
                                     reservada y exenta del chrome de UI
   ========================================================================= */
:root {
  /* 01 · Color — paleta institucional (chrome de la UI) */
  --ciep-orange:       #d76f33;   /* primario: CTAs, acentos, links */
  --ciep-orange-light: #ff874d;   /* solo hover y glow */
  --ciep-gray-dark:    #2d353a;   /* header, footer, fondos oscuros */
  --ciep-black:        #1F1F1F;   /* texto primario */
  --ciep-gray:         #999b9c;   /* meta, divisores */
  --ciep-gray-light:   #ebebeb;   /* bordes, fondo de tags */
  --ciep-beige:        #f3f3e9;   /* fondo de página default */
  --ciep-white:        #ffffff;   /* superficies, tarjetas */

  /* Paleta secundaria (Manual de identidad visual 2021, p. 12-13): tríada de
     la línea "Educación y finanzas públicas" = colores 6, 18 y 10. Uso:
     elementos decorativos y etiquetas de datos (página RD), no chrome base. */
  --ciep-edu-coral:    #fe766d;   /* 6 */
  --ciep-edu-turquesa: #39c5b7;   /* 18 */
  --ciep-edu-amarillo: #e2e463;   /* 10 */
  /* Complementos de la paleta secundaria (colores 19 y 1) para tarjetas RD */
  --ciep-sec-azul:     #0096c8;   /* 19 */
  --ciep-sec-purpura:  #96065c;   /* 1 */

  /* Tokens funcionales (no-chrome): estados de error */
  --ciep-error-bg:     #fde8e8;
  --ciep-error-fg:     #9b1c1c;
  --ciep-error-border: #f8b4b4;

  /* 02 · Tipografía */
  --fuente-titulos: "Ubuntu", sans-serif;
  --fuente-cuerpo:  "Open Sans", sans-serif;

  /* 03 · Componentes */
  --radio-card: 24px;
  --sombra-sm: 0 1px 3px rgba(31, 31, 31, 0.08);
  --sombra-md: 0 4px 12px rgba(31, 31, 31, 0.14);
  --halo-focus: 0 0 0 3px rgba(215, 111, 51, 0.35);
}
