/* Paleta oficial de Kube Salud (sale del logo). Único lugar donde se definen estos colores para el panel, la calculadora,
   confirmar.html y 404.html. El tablero del paciente repite estas variables dentro de su CSS embebido (tablero-render.js,
   TABLERO_PALETA) porque se exporta como archivo suelto: si cambian aquí, cambiar también allí. */
:root{
  --kube-verde:#2A7B63;          /* botones principales, ítem activo, pestañas y días seleccionados, enlaces, cambios favorables */
  --kube-verde-oscuro:#1F5E4B;   /* hover y texto sobre fondos claros de marca */
  --kube-verde-suave:#E6F2EE;    /* fondos de selección, ítem activo del menú, avisos de éxito */
  --kube-acento:#8FD441;         /* detalles (subrayados, puntos, íconos). Nunca con texto blanco encima */
  --kube-acento-suave:#EEF8E3;   /* fondos suaves: recuadros de tip, encabezado del tablero */
  /* derivados de la paleta */
  --kube-verde-tenue:#F2F8F6;    /* fondo muy tenue: menú lateral, filas al pasar el mouse */
  --kube-borde-verde:#CFE3DC;    /* bordes de botones y avisos de marca */
}