/* ============================================================
   VARIABLES.CSS
   Paleta y tokens de diseño — Fundación Herediana de Salud Cardiovascular
   Colores extraídos directamente del logo oficial.
   ============================================================ */

:root {
  /* --- Colores de marca (del logo) --- */
  --azul-marino: #163A64;   /* Borde del logo, header, texto principal */
  --azul-cielo: #3E7CB1;    /* Degradado del cielo, botones secundarios */
  --naranja-sol: #F2994A;   /* Rayos del sol, acentos cálidos, CTA */
  --amarillo-sol: #FBBF57;  /* Centro del sol, detalles secundarios */
  --verde-colina: #5B8C3A;  /* Colinas del logo, programas de bienestar */
  --rojo-corazon: #D64541;  /* Corazón del muñeco vitruvio — salud cardiovascular */

  /* --- Neutros --- */
  --blanco: #FFFFFF;
  --gris-claro: #F4F6F8;    /* Fondo de secciones alternas */
  --gris-medio: #8A97A3;    /* Texto secundario */
  --gris-oscuro: #2E2E2E;   /* Texto sobre fondo claro */

  /* --- Alias semánticos (para no depender del nombre del color) --- */
  --color-primario: var(--azul-marino);
  --color-secundario: var(--verde-colina);
  --color-acento: var(--naranja-sol);
  --color-alerta: var(--rojo-corazon);
  --color-fondo: var(--blanco);
  --color-fondo-alterno: var(--gris-claro);
  --color-texto: var(--gris-oscuro);

  /* --- Tipografía --- */
  --fuente-titulos: "Poppins", "Segoe UI", sans-serif;
  --fuente-texto: "Inter", "Segoe UI", sans-serif;

  /* --- Espaciado --- */
  --espacio-xs: 0.5rem;
  --espacio-sm: 1rem;
  --espacio-md: 2rem;
  --espacio-lg: 4rem;
  --espacio-xl: 6rem;

  /* --- Bordes y sombras --- */
  --radio-borde: 12px;
  --sombra-suave: 0 4px 16px rgba(22, 58, 100, 0.08);

  /* --- Sobreescritura de variables de Bootstrap 5 --- */
  --bs-primary: var(--azul-marino);
  --bs-secondary: var(--verde-colina);
  --bs-success: var(--verde-colina);
  --bs-danger: var(--rojo-corazon);
  --bs-warning: var(--naranja-sol);
  --bs-light: var(--gris-claro);
  --bs-body-font-family: var(--fuente-texto);
}