/* =========================================================================
   IDENTIDAD VISUAL DEL EVENTO — el unico archivo de colores del sitio

   Todo el sitio publico toma sus colores y su tipografia de estas
   variables: la plantilla (css/webmania.css) y los componentes propios
   (css/sitio.css). No hay colores de marca escritos en ningun otro lado.

   VII Jornada Anual de Riesgos 2026: colores del logo del Club de
   Gestion de Riesgos (CGRCR) y de la Jornada. Los MISMOS tonos estan en
   el :root de admin/css/admin-custom.css y assets/css/campus-custom.css.

     #122C46  marino        franjas oscuras, titulos (logo del Club)
     #1D4470  azul          botones, enlaces, iconos
     #BE2024  rojo          acento: la barra del logo, sellos, rayitas,
                            boton principal sobre oscuro (con texto blanco)
     #A9BCCB  gris azulado  acentos SOBRE el marino (iconos, numeros)
     #55687A  gris          texto corrido

   Regla: colores SOLIDOS.

   Contraste (minimo 4.5:1 para texto):
     blanco sobre azul / marino ........ 9.9 / 14.2   botones, franjas
     blanco sobre rojo ................. 6.1          boton principal
     rojo sobre marino ................. 2.3          NUNCA texto ni iconos:
                                                      solo barras y lineas
     gris azulado #A9BCCB sobre marino . 7.3          iconos sobre oscuro
     gris #55687A sobre blanco ......... 5.8          texto corrido

   Roles:
     --ev-primary        botones, enlaces, iconos (azul)
     --ev-accent         rojo: rayitas, sellos, boton principal del hero
     --ev-accent-dark    gris azulado claro: iconos y cifras sobre marino
     --ev-dark           franjas oscuras, velo del hero
     --ev-heading        titulos sobre fondo claro (marino)
     --ev-text           texto corrido (gris)

   La tipografia (Open Sans, la del logo) se carga en mod/head.php.
   ========================================================================= */

:root {
    /* Marca */
    --ev-primary: #1D4470;
    --ev-primary-dark: #122C46;
    --ev-primary-soft: #EEF2F6;     /* fondos de etiquetas */
    --ev-accent: #BE2024;
    --ev-accent-hover: #9E1A1E;
    --ev-accent-soft: #F7E3E4;
    --ev-accent-dark: #A9BCCB;      /* acento legible sobre el marino */
    --ev-dark: #122C46;
    --ev-dark-2: #0D2035;           /* fondo de los overlays */

    /* Texto */
    --ev-heading: #122C46;
    --ev-heading-strong: #122C46;
    --ev-text: #55687A;
    --ev-text-light: #D3DDE6;       /* texto sobre el marino */
    --ev-text-mute: #7E8C99;

    /* Fondos y lineas */
    --ev-bg-soft: #F6F8FA;
    --ev-bg-muted: #EEF2F6;
    --ev-line: #D7DFE7;
    --ev-line-soft: #E7ECF1;
    --ev-quote: #E2E9EF;

    /* Estados */
    --ev-ok: #1A8F5F;
    --ev-warn: #C78A12;

    /* Tipografia */
    --ev-font: 'Open Sans', 'Segoe UI', Roboto, Arial, sans-serif;
    --ev-font-titulos: 'Open Sans', 'Segoe UI', Roboto, Arial, sans-serif;

    /* Derivados: no hace falta tocarlos */
    --ev-shadow: 0 2px 48px 0 rgba(0, 0, 0, .06);
    --ev-radius: 8px;
}
