/* RestLab DS v2 — "Recovery Engineering" (extraído del diseño definitivo de marketing)
   Mundo cálido editorial: papel greige, tinta cálida, hairlines, acentos SOLO para datos. */
:root {
  /* superficie */
  --paper:    #F2F0EA;   /* fondo de página (greige cálido) */
  --paper-2:  #FAF9F6;   /* superficie elevada suave */
  --panel:    #FFFFFF;   /* tarjetas / paneles */
  --night:    #23211C;   /* charcoal cálido (usos puntuales) */

  /* tinta */
  --ink:      #1D1B17;   /* casi negro cálido */
  --ink-2:    #57534A;
  --mist:     #8B867B;

  /* líneas */
  --hairline:   #E6E2D8;
  --hairline-2: #D8D3C7;

  /* producto */
  --taupe:    #A79F92;   /* fuelle gris-topo del producto */

  /* acentos de DATOS (nunca de marca): fases de la noche / termografía */
  --acc-blue:   #3565D8;  /* 22:30 preparación / frescor */
  --acc-red:    #DE4A3D;  /* 01:20 alteración térmica */
  --acc-violet: #6C55C9;  /* 03:40 métricas / cambio de postura */
  --acc-orange: #E8862B;  /* 06:45 resultado / amanecer */
  --acc-green:  #3F9B6E;  /* estados ok */
  --lav: var(--acc-violet); /* compat: el viejo lavanda queda como violeta de datos */
  --ok:  var(--acc-green);
  --tint:  #ECE9E0;      /* relleno suave neutro (antes lila) */
  --surface: var(--paper-2);

  /* geometría */
  --radius-sm: 8px; --radius: 10px; --radius-lg: 14px; --radius-xl: 20px;
  --shadow-soft:  0 1px 2px rgba(29,27,23,.05);
  --shadow-float: 0 10px 30px rgba(29,27,23,.08);

  /* tipografía */
  --font-display: 'Geist', -apple-system, 'Helvetica Neue', sans-serif;
  --font-body:    'Geist', -apple-system, 'Helvetica Neue', sans-serif;
  --font-data:    'Geist', 'SF Mono', monospace;
  --fs-xs: .8125rem; --fs-sm: .9375rem; --fs-md: 1.0625rem; --fs-lg: 1.1875rem;

  /* espaciado */
  --space-1: .25rem; --space-2: .5rem; --space-3: .75rem; --space-4: 1rem;
  --space-6: 1.5rem; --space-8: 2rem; --space-12: 3rem; --space-16: 4rem;
  --space-24: 6rem;  --container: 1240px;
}

/* Compatibilidad: tokens de la identidad anterior mapeados al DS2 (evita colores vacíos) */
:root{
  --primary: var(--ink);
  --primary-100: var(--taupe);
  --primary-soft: var(--tint);
  --radius-md: var(--radius);
  --shadow-lg: var(--shadow-float);
  --bg: var(--paper);
}