/*
 * Identidad visual de NTIC.
 *
 * Aparte de home.css a propósito: aquél viste la página de inicio, éste define los tokens que
 * consume el cromo compartido (menú vertical, botones de los módulos). Va en :root para que
 * las variables lleguen también al CSS aislado de los componentes compartidos —el aislamiento
 * reescribe selectores, no la resolución de var()—.
 *
 * Sin esto, NTIC heredaba el azul de NAI: el menú vertical salía con el degradado azul→rojo y
 * los botones en #033159.
 */

:root {
    /* Rojo de marca, el mismo que usa HeaderContent en NavBackgroundColor. */
    --brand-primary: #ec1c24;
    --brand-primary-contrast: #ffffff;

    /* Tono suave para fondos secundarios (cabeceras de tabla, botón secundario). */
    --brand-primary-soft: rgba(236, 28, 36, 0.08);

    /*
     * Menú vertical: rojo plano en la mayor parte y oscurecido abajo, como en producción.
     * Los tonos salen de la paleta del propio sitio (home.css: #ED1C24, #A31319, #4F090C).
     */
    --mv-bg: linear-gradient(180deg, #ec1c24 0%, #e01a21 55%, #a31319 84%, #4f090c 100%);
}