/* ============================================================
   TOKENS · III Congreso Internacional de Estado Abierto y Gobernanza
   Identidad visual medida sobre congresoestadoabierto.com (15/08/2026)
   Fuente canónica: MAESTRO-WEB-CONGRESO.md §2
   PROPIEDAD: sesión-web (Chip A). La plataforma (gestion/) lo CONSUME,
   no lo edita.
   ============================================================ */

:root {
  /* Tipografía */
  --cea-font-title: 'Rubik', -apple-system, 'Segoe UI', sans-serif;
  --cea-font-body: 'Open Sans', -apple-system, 'Segoe UI', sans-serif;

  /* Paleta medida */
  --cea-blue: #2A64C5;        /* azul primario: topbar, acentos, fondos */
  --cea-blue-dark: #1F4C99;   /* hover del primario */
  --cea-btn: #0088CC;         /* azul de botones */
  --cea-btn-hover: #006EA6;
  --cea-blue-light: #DEEFFD;  /* fondos suaves / texto sobre azul */
  --cea-text: #232323;        /* texto fuerte */
  --cea-text-soft: #616161;   /* cuerpo */
  --cea-white: #FFFFFF;
  --cea-bg-gray: #F4F4F4;
  --cea-bg-card: #F6F6F6;     /* tarjetas logística */
  --cea-bg-card2: #F2F2F2;    /* tarjetas comités */
  --cea-bg-soft: #F0F0F0;     /* tarjetas FAQ */
  --cea-watermark: #F3F3F3;   /* marca de agua de títulos (bgtitle) */
  --cea-footer: #222328;      /* footer oscuro */
  --cea-footer-deep: #111621; /* barra inferior del footer */
  --cea-participa: #4BA69F;   /* franja "Participa" (teal de la home) */

  /* Formas */
  --cea-radius-btn: 0;        /* botones: border-radius 0 (medido) */
  --cea-radius-card: 10px;
  --cea-radius-card-lg: 15px;

  /* Sombras */
  --cea-shadow-card: 0 10px 30px rgba(0, 0, 0, 0.08);
  --cea-shadow-photo: 0 8px 20px rgba(0, 0, 0, 0.18);

  /* Escala tipográfica (h2 medido: 40px/500) */
  --cea-h1-size: 52px;
  --cea-h2-size: 40px;
  --cea-h3-size: 32px;
  --cea-h4-size: 24px;
  --cea-body-size: 16px;
  --cea-body-line: 1.75;

  /* ---------- Upgrade v1.1 (16/08/2026 · UPGRADE-WEB §1) — SOLO AÑADE tokens,
     los anteriores no cambian (la plataforma gestion/ los importa) ---------- */
  --cea-navy: #0B2545;                 /* azul profundo de los degradados de cabecera */
  --cea-hairline: linear-gradient(90deg, #D83048 0%, #F07818 22%, #F0C000 45%, #3AAA35 68%, #0078C0 88%, #004890 100%); /* tomado del isotipo */
  --cea-radius-card-v2: 12px;          /* sistema de tarjetas del upgrade */
  --cea-radius-btn-soft: 4px;          /* botones: leve (el original es 0) */
  --cea-shadow-card-v2: 0 6px 24px rgba(11, 37, 69, 0.08);
  --cea-shadow-card-v2-hover: 0 12px 36px rgba(11, 37, 69, 0.13);
  --cea-watermark-v2: rgba(35, 35, 35, 0.04);   /* marca de agua de títulos al 4 % */
  --cea-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --cea-utilbar-h: 32px;
  --cea-header-h: 84px;
  --cea-header-h-compact: 66px;
}