/* =====================================================
VARIABLES CSS - Legislatura de La Rioja
Dirección de Innovación Tecnológica
Cómo usar:
Enlazá este archivo en el de cada página
ANTES del CSS propio de la página:
===================================================== */
:root {
/* ─── COLORES PRINCIPALES ─────────────────────── */
--color-primario: #0044A1; /* Azul navbar */
--color-primario-medio: #317ae0; /* Azul dropdown hover / mobile hover */
--color-primario-oscuro: #022352; /* Azul oscuro footer / dropdown mobile */
--color-primario-claro: #5a7ddf; /* Azul flecha dropdown */
/* ─── COLORES SECUNDARIOS ─────────────────────── */
--color-dorado: #C9A84C; /* Dorado slider pagination activo */
--color-verde: #0B6E35; /* Verde botón "volver arriba" */
--color-verde-hover: #0b6e3470; /* Verde hover borde botón arriba */
--color-violeta: #8C52FF; /* Violeta subrayado título botones */
--color-banca: #CB6CE6;
--color-empleados: #00BF63;
--color-malvinas: #040404;
--color-acceso: #F4A460;
--color-visitas: #0097B2;
--color-youtube: #FF0000;
--color-fondo-widgets: #317AE0;
/* ─── COLORES NEUTROS ─────────────────────────── */
--color-fondo: #e3e4e5; /* Fondo general del body */
--color-fondo-claro: #f3f3f3; /* Fondo sección servicios */
--color-negro: #050505; /* Fondo grupo-2 footer */
--color-overlay: rgba(0, 0, 0, 0.7); /* Overlay popup */
--color-card-overlay: #05050570; /* Overlay botones informativos */
/* ─── TIPOGRAFÍAS ─────────────────────────────── */
--fuente-principal: "Roboto", sans-serif;
--fuente-titulo: "Roboto Slab", sans-serif;
--fuente-nav: "Raleway", sans-serif;
--fuente-montserrat: "Montserrat", sans-serif;
/* ─── TEXTOS ──────────────────────────────────── */
--color-texto-claro: #ffffff;
--color-texto-gris: #a0a0a0;
/* ─── TRANSICIONES ────────────────────────────── */
--transicion-rapida: 0.3s;
--transicion-media: 0.5s;
--transicion-lenta: 0.65s;
/* ─── BORDES ──────────────────────────────────── */
--borde-radio-pequeño: 3px;
--borde-radio-medio: 5px;
/* ─── SOMBRAS ─────────────────────────────────── */
--sombra-popup: 0 0 10px rgba(0, 0, 0, 0.5);
}