/* ============================================================
   DESIGN TOKENS — Asistente Pasas
   Fuente única de verdad para colores y tipografía.
   Todos los demás archivos CSS usan var() desde aquí.
   Para cambiar un color: editar AQUÍ y solo aquí.
   ============================================================ */

:root {
  /* ── Paleta canónica (nombres cortos) ── */
  --crema:    #f5f0e8;
  --crema-2:  #eae4d8;
  --negro:    #1a1a1a;
  --negro-2:  #333333;
  --dorado:   #c9a84c;
  --dorado-d: #b8963e;
  --dorado-l: #e8d5a3;
  --gris:     #6b6b6b;
  --gris-lt:  #d4d1cb;
  --borde:    #e0d9cc;
  --error:    #c0392b;
  --ok:       #2d6a4f;

  /* ── Aliases con prefijo --color- (usados por styles.css y páginas legales) ── */
  --color-crema:    var(--crema);
  --color-crema-2:  var(--crema-2);
  --color-negro:    var(--negro);
  --color-negro-2:  var(--negro-2);
  --color-dorado:   var(--dorado);
  --color-dorado-2: var(--dorado-d);
  --color-dorado-lt:var(--dorado-l);
  --color-gris:     var(--gris);
  --color-gris-lt:  var(--gris-lt);
  --color-borde:    var(--borde);
  --color-error:    var(--error);
  --color-exito:    var(--ok);

  /* ── Tipografía ── */
  --font-display: 'Cormorant Garamond', serif;
  --font-body:    'Jost', sans-serif;

  /* ── Específico del wizard ── */
  --chat-bg: #faf8f4;
}