/* =========================================================================
   IMPERIO REAL — Variables globales de marca (design tokens)
   -------------------------------------------------------------------------
   UNICA fuente de verdad del color azul de la marca. El azul base se toma
   de la opcion "Hospedaje" (modulo Hotel), que es el estandar visual del
   sistema. Todos los modulos (Restaurante, Login, Sidebar/slider, etc.)
   deben consumir estas variables en vez de hardcodear el hex.

   Uso:  color: var(--ir-azul);
         background: rgba(var(--ir-azul-rgb), .12);

   Se carga en la cabecera comun (partHeadBase.php / TemplateHeader.php),
   por lo que las custom properties quedan disponibles en todo el documento.
   ========================================================================= */

:root {
    --ir-azul:        #0A6ED1;      /* azul base de marca (opcion Hospedaje) */
    --ir-azul-oscuro: #0857A8;      /* variante oscura (gradientes / hover)  */
    --ir-azul-claro:  #e9f2fc;      /* tinte claro (fondos suaves)           */
    --ir-azul-borde:  #c3ddf7;      /* borde azul claro                      */
    --ir-azul-rgb:    10, 110, 209; /* componentes RGB para rgba(...)        */

    /* Escala de apoyo para los listados (cabecera de tabla, filtros, hover).
       Son los tonos que ya usaba "Persona", primera pantalla migrada al azul,
       promovidos a token para que el resto de modulos no los repita a mano. */
    --ir-azul-tinte:        #f2f8fe; /* fondo mas suave (hover de fila)      */
    --ir-azul-suave:        #dbe9f9; /* fin del degradado del thead          */
    --ir-azul-borde-fuerte: #a5cbee; /* borde inferior del thead             */
    --ir-azul-hover:        #cfe3f7; /* thead al pasar el mouse (inicio)     */
    --ir-azul-hover-fin:    #bcd6f0; /* thead al pasar el mouse (fin)        */
    --ir-azul-texto:        #123a63; /* texto oscuro sobre fondos azulados   */
}
