/* |-------------------------------------------------------------------------- | R4.8C — Base visual global |-------------------------------------------------------------------------- | | Esta hoja se carga al final del mediante identidad-head.php. | Su función es hacer que la Identidad administrable sea la fuente visual | común mientras se normalizan progresivamente las hojas antiguas. | */ :root { --principal: var(--identidad-principal); --principal-oscuro: var(--identidad-principal-oscuro); --principal-claro: var(--identidad-secundario); --secundario: var(--identidad-secundario); --acento: var(--identidad-acento); --texto: var(--identidad-texto); --fondo: var(--identidad-fondo); /* Componentes RGB para transparencias realmente dinámicas. */ --principal-rgb: var(--identidad-principal-rgb); --principal-oscuro-rgb: var(--identidad-principal-oscuro-rgb); --secundario-rgb: var(--identidad-secundario-rgb); --acento-rgb: var(--identidad-acento-rgb); --texto-rgb: var(--identidad-texto-rgb); --fondo-rgb: var(--identidad-fondo-rgb); /* Tokens semánticos de compatibilidad para hojas antiguas. */ --texto-suave: rgba(var(--identidad-texto-rgb), 0.68); --linea: rgba(var(--identidad-texto-rgb), 0.14); --identidad-fondo-secundario: rgba(var(--identidad-secundario-rgb), 0.24); --fuente-principal: var( --identidad-fuente-principal, Arial, Helvetica, sans-serif ); --fuente-titulos: var( --identidad-fuente-titulos, var(--fuente-principal) ); } html, body, button, input, textarea, select { font-family: var(--fuente-principal); } h1, h2, h3, h4, h5, h6 { font-family: var(--fuente-titulos); } /* | Los componentes compartidos tenían declaraciones tipográficas propias. | Esta capa garantiza que todos respondan a la Identidad sin !important. */ .cedim-barra-superior, .cabecera, .pie, .whatsapp-flotante { font-family: var(--fuente-principal); }