/* UNEXTI — tokens del sistema de diseño */
:root {
  /* Color de marca */
  --ux-azul: #1B3768;          /* Azul UNEXTI: logotipo, titulares, botones */
  --ux-azul-profundo: #0E1F3D; /* Fondos oscuros, pie de página */
  --ux-azul-medio: #2C5196;    /* Hover, enlaces */
  --ux-azul-claro: #E6ECF6;    /* Fondos suaves, badges */
  --ux-rojo: #E1262D;          /* Acento: chevron, detalles (uso ≤ 10%) */
  --ux-rojo-oscuro: #B81D23;   /* Hover del acento */

  /* Neutros acero (inspirados en la placa del letrero) */
  --ux-grafito: #2B3440;       /* Texto principal */
  --ux-pizarra: #5B6675;       /* Texto secundario */
  --ux-acero: #C5CBD3;         /* Bordes, divisores */
  --ux-acero-claro: #EEF1F4;   /* Fondos de sección */
  --ux-blanco: #FFFFFF;

  /* Tipografía */
  --ux-font-display: "Montserrat", "Segoe UI", Arial, sans-serif;
  --ux-font-text: "Inter", "Segoe UI", Arial, sans-serif;

  /* Escala */
  --ux-radius: 10px;
  --ux-radius-sm: 6px;
  --ux-shadow: 0 1px 2px rgba(14, 31, 61, .06), 0 8px 24px rgba(14, 31, 61, .08);
  --ux-max: 1160px;
}