/* Línea gráfica Lyse Médica · tema configurable.
   Estos son los valores por defecto. El instructor puede cambiarlos desde el panel (pestaña Tema);
   theme.js los aplica sobre estas variables al cargar la página. */
:root{
  --granate:#5C3221;   /* principal oscuro: barras y encabezados */
  --vino:#7A4128;      /* color del logo institucional */
  --carmin:#2C83AB;    /* botones principales y acentos */
  --frambuesa:#4AA3CB; /* degradados y estados activos */
  --rosa:#EAF4F8;      /* fondos suaves y botones secundarios */
  --abismo:#3B2016;    /* fondos oscuros */
  --sol:#FFC93C;       /* SOLO recompensas: estrellas, XP, progreso */

  /* Neutros y estados de apoyo (no son de marca) */
  --papel:#FFFFFF; --tinta:#33261F; --gris:#74685F; --linea:#E3DDD7; --suave:#F6F9FA;
  --ok:#2BB673; --ok-osc:#1d8a55; --ok-bg:#e9fbf2; --coral:#E5484D; --coral-osc:#a8292d; --coral-bg:#fff0f0;
  --aviso:#B7791F; --aviso-bg:#FFF6E0;
}