/** * Capa de color del portal Rionegro. * * Este archivo NO contiene layout, tipografía ni componentes: únicamente * redefine los tokens de color que los CSS de componentes consumen vía * var(--token, ). * * Si un token no se declara aquí, el componente cae en su valor de respaldo * y se ve exactamente como en Medellín. Por eso agregar o quitar una línea * de este archivo es una operación reversible y sin riesgo para el otro portal. * * Ámbito: body.portal-rionegro, la clase que agrega svf_theme_preprocess_html() * a partir de svf_theme_portal_activo(). Se usa la clase del y no :root * porque el entorno local es un solo sitio que sirve los dos portales por * prefijo de alias, donde el subtema svf_theme_rionegro no está activo. * * No requiere !important ni orden de carga particular: los tokens se resuelven * dentro de la regla original del componente, con su misma especificidad. * * --------------------------------------------------------------------------- * PALETA OFICIAL DE RIONEGRO (manual de marca) * * English Violet #452964 * Rebecca Purple #653C92 * Ultra Violet #655DA2 * Columbia Blue #C5CAEA * * Los tokens marcados como "derivado" no tienen equivalente en el manual y se * calcularon a partir de los anteriores. Si diseño define valores oficiales * para esos casos, se reemplazan aquí y nada más. * * Los grises salen de la escala de grises institucional del mismo manual. * --------------------------------------------------------------------------- */ body.portal-rionegro { /* --- Color principal -------------------------------------------------- */ /* English Violet. Sustituye los verdes oscuros #004628 y #004729 de los componentes, y #006941 de sv-main.css. Fondos de bloque, títulos de marca, botones sólidos, chasis. */ --svf-primario: #452964; /* Rebecca Purple. Sustituye #006941 donde funciona como verde medio (franja de la región page-bottom, boletín). */ --svf-primario-claro: #653C92; /* Derivado (English Violet oscurecido). Sustituye #00301c, #00351e, #1a3a2a de los componentes, y #003c26 y #007048 de sv-main.css. Hovers, segundo color de degradados, panel off-canvas móvil. */ --svf-primario-oscuro: #2E1B42; /* --- Acento ----------------------------------------------------------- */ /* Rebecca Purple. Sustituye el lima #85aa1a de los componentes y #97bf0d / #a7c932 de sv-main.css. */ --svf-acento: #653C92; /* Ultra Violet. Para texto y realces de marca sobre fondo oscuro, donde el morado principal pierde contraste. El verde original era más luminoso que su reemplazo morado, así que estos casos necesitan un tono más claro. */ --svf-acento-claro: #655DA2; /* Derivado (Ultra Violet oscurecido). Sustituye #1f2a17, la variante muy oscura del acento en el header. */ --svf-acento-oscuro: #241832; /* Columbia Blue. Sustituye #e1edc4, #e1edc3 y #d7eba5. Fondos claros derivados del acento: píldoras, estados hover suaves. Es el tono más claro de la paleta: también se usa para texto de marca sobre el fondo casi negro del pie de página. */ --svf-acento-suave: #C5CAEA; /* --- Barra de navegación ---------------------------------------------- */ /* Ultra Violet. Sustituye el lima #85AA1A en el ítem activo y el hover del menú principal (.r-header--home nav.block-menu), en navbar-menu-home.css. Un escalón más claro que el fondo del header. El texto encima pasa a blanco: ver la sección 19 de rionegro-legacy.css. */ --svf-nav-activo: #655DA2; /* Píldora "Ir al portal principal" de la barra .r-header-portal, en navbar-menu-home.css. Sustituye #4a2560 y #5c2f78, que salían iguales en los dos portales y no son de la paleta oficial. */ --svf-portal-pill: #452964; --svf-portal-pill-hover: #655DA2; /* --- Tintes y neutros de marca ---------------------------------------- */ /* Derivado (Columbia Blue aclarado). Sustituye #eff6ee, #f0f9f4, #eff5f1 y #eef1ec. Fondos muy claros de tarjetas y paneles. */ --svf-tinte: #F2F4FB; /* Derivado (Columbia Blue atenuado). Sustituye #d9e6de y #c3c9c2, bordes suaves de cards. */ --svf-tinte-borde: #DEE2F2; /* Gris-60 de la escala institucional. Sustituye #9aa39c y #9aa09a, los grises con tinte verde. */ --svf-gris-marca: #9B9B9B; /* Gris-110 de la escala institucional. Sustituye #0a0e0c, el fondo casi negro del contenedor del logo. */ --svf-negro-marca: #1D1D1D; } /** * Morados ya presentes en el tema base. * * navbar-menu-home.css quedó tokenizado en el ítem activo del menú * (--svf-nav-activo) y en la píldora de portal (--svf-portal-pill, * --svf-portal-pill-hover). * * Siguen pendientes: banner-imagen-texto-boton-v2.css, * eventos-destacados.css y ubicate-en-nuestro-hospital.css con #4a2560, y * r-mobilenav.css con #4e2568 y #3e1d54. Ninguno coincide con el English * Violet #452964 del manual de marca, y salen morados también en Medellín. * Son componentes distintos y cada uno merece su propia decisión con diseño. * * Cuando se tokenicen, sus valores de respaldo mantienen a Medellín igual y * bastará declarar aquí el token para unificarlos en Rionegro. */