/* ============================================================
   Nauta · tokens de marca (El Kinenauta)
   Paleta alineada con Kinenauta Lab (verde azulado + coral,
   Plus Jakarta Sans). Los nombres --nt-sky-* / --nt-navy-* se
   conservan por compatibilidad, pero ahora apuntan a la paleta
   verde azulada; en código nuevo usa --nt-brand-*.
   Fuente de verdad: Simunauta → src/brand/nauta-tokens.css.
   Copias: landing/nauta-tokens.css (idéntica) y VMnauta →
   ventcare/css/nauta-tokens.css (mismos valores donde coinciden;
   el bloque «Solo Simunauta» al final es propio de esta app).

   Los tokens --nt-monitor-* y los dominios clínicos (--nt-mech,
   --nt-paw…) son codificación clínica, no marca: no cambian
   con la paleta.
   ============================================================ */
:root {
  /* Marca (Kinenauta Lab) */
  --nt-brand: #0e7c86;      /* botones con texto blanco (4,95:1) */
  --nt-brand-ink: #075a62;  /* texto/acciones sobre blanco (7,9:1) */
  --nt-brand-soft: #e2f3f4;
  --nt-accent: #e8505b;     /* coral: decorativo o texto grande */
  --nt-accent-ink: #c93a45; /* coral como texto sobre blanco (5,0:1) */
  --nt-accent-soft: #fde8ea;

  /* Alias históricos (antes azul cielo / navy) */
  --nt-navy-950: #0d1b24;
  --nt-navy-900: #0b3f45;
  --nt-sky-800: #054a51;
  --nt-sky-700: #075a62;   /* texto/acciones sobre blanco (AA) */
  --nt-sky-500: #0e7c86;   /* color de marca */
  --nt-sky-400: #3fa7b0;   /* decorativo */
  --nt-sky-100: #e2f3f4;
  --nt-sky-50:  #f1f9fa;
  --nt-amber-500: #e8505b; /* el acento de marca ahora es coral */
  --nt-header-gradient: linear-gradient(135deg, #075a62 0%, #0e7c86 100%);
  --nt-cta-gradient: linear-gradient(135deg, #0e7c86 0%, #0b6f78 100%);

  /* Superficies y texto */
  --nt-bg: #f5f7f8;
  --nt-surface: #ffffff;
  --nt-surface-2: #eef2f3;
  --nt-border: #dde3e6;
  --nt-border-strong: #c5cfd4;
  --nt-text: #0d1b24;
  --nt-text-2: #334650;
  --nt-text-3: #5f727e;    /* muted: ≥4,5:1 sobre blanco y sobre --nt-bg */
  --nt-text-4: #8a9aa4;    /* solo decorativo / íconos */

  /* Semánticos: tono de marca (bordes, puntos) y tono de texto (≥4,5:1 sobre su fondo) */
  --nt-ok: #16a34a;
  --nt-warn: #d97706;
  --nt-bad: #dc2626;
  --nt-success: #15803d;
  --nt-success-bg: #dcfce7;
  --nt-warning: #b45309;
  --nt-warning-bg: #fef3c7;
  --nt-danger: #b91c1c;
  --nt-danger-bg: #fee2e2;

  /* Dominios clínicos sobre fondo claro */
  --nt-mech: #0369a1;      /* ventilador / mecánica */
  --nt-patient: #c2410c;   /* esfuerzo del paciente */
  --nt-gas: #6d28d9;       /* gases */
  --nt-paw: #a16207;       /* presión */
  --nt-flow: #047857;      /* flujo */
  --nt-vol: #0369a1;       /* volumen */

  /* Monitor (pantalla oscura tipo ventilador) */
  --nt-monitor-bg: #0a0d12;
  --nt-monitor-surface: #12161d;
  --nt-monitor-border: rgba(148, 163, 184, 0.14);
  --nt-monitor-text: #eef2f7;
  --nt-monitor-dim: #8b94a5;
  --nt-monitor-paw: #e8c158;
  --nt-monitor-flow: #41c98c;
  --nt-monitor-vol: #4fb7e8;

  /* Tipografía */
  --nt-font: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --nt-font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --nt-text-xs: 11px;
  --nt-text-sm: 13px;
  --nt-text-md: 15px;
  --nt-text-lg: 18px;
  --nt-text-xl: 22px;

  /* Espaciado (escala de 4) */
  --nt-space-1: 4px;
  --nt-space-2: 8px;
  --nt-space-3: 12px;
  --nt-space-4: 16px;
  --nt-space-5: 20px;
  --nt-space-6: 24px;
  --nt-space-8: 32px;
  --nt-space-12: 48px;

  /* Radios */
  --nt-radius-lg: 14px;
  --nt-radius: 9px;
  --nt-radius-sm: 7px;
  --nt-radius-pill: 999px;

  /* Sombras */
  --nt-shadow: 0 1px 2px rgba(13, 27, 36, 0.06), 0 6px 24px rgba(13, 27, 36, 0.06);
  --nt-shadow-md: 0 2px 4px rgba(13, 27, 36, 0.06), 0 10px 28px rgba(13, 27, 36, 0.09);
  --nt-shadow-lg: 0 4px 10px rgba(13, 27, 36, 0.08), 0 18px 40px rgba(13, 27, 36, 0.12);
  --nt-shadow-cta: 0 4px 12px rgba(14, 124, 134, 0.28);

  /* Solo Simunauta (no están en la copia de VMnauta) */
  --nt-brand-line: #b7dfe2;    /* borde de los fondos suaves de marca */
  --nt-brand-glow: #5fc4cc;    /* marca sobre fondo oscuro (monitor, OG) */
  --nt-focus: #0e7c86;
  --nt-accent-strong: #c93a45; /* fondo coral con texto blanco (5,0:1) */
  --nt-ink-950: #0a1419;
  --nt-ink-900: #0d1b24;

  /* Movimiento */
  --nt-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --nt-dur: 180ms;
}

@media (prefers-reduced-motion: reduce) {
  :root { --nt-dur: 0ms; }
}