/* NeuroHeal — Design tokens (paleta y tipografía del sistema de diseño "neuroheal-completo") */
:root {
  /* Marca (verdes del logo real) */
  --nh-verde-900: #1e6b49;   /* títulos, header, footer (green-700 del diseño) */
  --nh-verde-600: #27865b;   /* botones primarios y links (4.5:1 sobre blanco) */
  --nh-verde-400: #2e9e6b;   /* acentos, barras de progreso (green-500 del diseño) */
  --nh-lima-300:  #bfe8d3;   /* acentos claros sobre fondo oscuro (footer) */
  --nh-whatsapp:  #25d366;
  --nh-whatsapp-texto: #073b1c;   /* texto sobre el verde WhatsApp */
  --nh-whatsapp-oscuro: #0f6e62;  /* variante secundaria sobre blanco */
  --nh-verde-pastel: #ecf8f1;     /* green-50 del diseño */
  --nh-mint: #e6f5ee;

  /* Acentos pastel (planes / Neuropreme / superficies) — tonos del diseño */
  --nh-amarillo:        #f2c14e;  --nh-amarillo-pastel: #fff8e7;  /* sand */
  --nh-rosa:            #f5a15f;  --nh-rosa-pastel:     #ffede2;  /* peach */
  --nh-azul:            #4f9fd8;  --nh-azul-pastel:     #e3f2fd;  /* sky */
  --nh-morado:          #9b7fd4;  --nh-morado-pastel:   #efeafb;  /* lavender */

  /* Estados de cita */
  --nh-estado-pendiente:    #8a6d1c; --nh-estado-pendiente-bg:    #fff8e7;
  --nh-estado-confirmada:   #1e6b49; --nh-estado-confirmada-bg:   #e7f6ec;
  --nh-estado-reprogramada: #1c5d8a; --nh-estado-reprogramada-bg: #e3f2fd;
  --nh-estado-completada:   #6b4fa1; --nh-estado-completada-bg:   #efeafb;
  --nh-estado-cancelada:    #c0392b; --nh-estado-cancelada-bg:    #fdecea;

  /* Neutros */
  --nh-fondo:   #fbfdfc;
  --nh-blanco:  #ffffff;
  --nh-texto:   #22333b;
  --nh-texto-2: #51636d;
  --nh-borde:   #e3ece7;

  /* Tipografía (Nunito + emojis modernos de Noto Color Emoji) */
  --nh-font: 'Nunito', "Segoe UI", Roboto, system-ui, -apple-system, sans-serif, 'Noto Color Emoji';
  --nh-fs-xs: .75rem; --nh-fs-sm: .875rem; --nh-fs-md: 1rem; --nh-fs-lg: 1.25rem; --nh-fs-xl: 1.75rem; --nh-fs-2xl: 2.5rem;

  /* Espacios / radios / sombras */
  --nh-sp-1: .25rem; --nh-sp-2: .5rem; --nh-sp-3: .75rem; --nh-sp-4: 1rem; --nh-sp-6: 1.5rem; --nh-sp-8: 2rem; --nh-sp-12: 3rem;
  --nh-radio-sm: 12px; --nh-radio-md: 16px; --nh-radio-lg: 24px; --nh-radio-pill: 999px;
  --nh-sombra-sm: 0 2px 8px rgba(30,107,73,.06);
  --nh-sombra-md: 0 4px 18px rgba(30,107,73,.10);

  /* Layout */
  --nh-ancho-max: 1180px;
  --nh-sidebar: 250px;
  --nh-header: 84px;
}
