/* ==========================================================================
   VARIABLES.CSS
   Acá viven los "datos maestros" del diseño: colores y tipografías.
   Si el manual de marca cambia un color o una fuente, se actualiza UNA
   sola vez acá y se aplica en todo el sitio automáticamente.
   ========================================================================== */

:root {
  /* --- Colores oficiales del manual de marca de Asamblea Uruguay --- */
  --color-azul: #113c65;       /* Azul principal (institucional) */
  --color-rojo: #e10e1b;       /* Rojo principal (acentos, CTA) */
  --color-amarillo: #f7c000;   /* Amarillo (detalles, hover, destacados) */
  --color-celeste-01: #00619d; /* Celeste oscuro (apoyo del azul) */
  --color-celeste-02: #6789b9; /* Celeste claro (apoyo, fondos suaves) */

  /* --- Neutros para textos y fondos (no vienen del manual, son de apoyo) --- */
  --color-blanco: #ffffff;
  --color-gris-claro: #f4f6f9;   /* Fondos de secciones alternadas */
  --color-gris-medio: #8a94a3;   /* Textos secundarios */
  --color-gris-oscuro: #1c2530;  /* Texto principal sobre fondo blanco */
  --color-borde: #e2e6ec;        /* Líneas y separadores sutiles */

  /* --- Tipografías (Futura, según manual de marca) --- */
  --fuente-titulos: "Futura Bold", "Futura", Arial, sans-serif;
  --fuente-subtitulos: "Futura Medium", "Futura", Arial, sans-serif;
  --fuente-texto: "Futura Book", "Futura", Arial, sans-serif;

  /* --- Medidas comunes, para mantener todo consistente --- */
  --ancho-maximo: 1180px;       /* Ancho máximo del contenido en pantallas grandes */
  --espacio-seccion: 6rem;      /* Separación vertical entre secciones de la home */
  --radio-borde: 10px;          /* Redondeo estándar de tarjetas y botones */
  --sombra-suave: 0 10px 30px rgba(17, 60, 101, 0.08);
  --transicion-suave: 0.35s ease;
}