/* ============================================================
   THEME — BAZAR (tienda general: vende de todo)
   Solo tokens de marca. El backend (app/) y los componentes usan
   estas variables, así que para re-marcar se reemplaza SOLO este
   archivo. Mismo contrato de variables que Lost Lines.
   ============================================================ */

:root {
  /* Paleta — limpia, moderna, versátil */
  --paper: #f6f7f9;        /* fondo de página (gris muy claro) */
  --paper-light: #ffffff;  /* superficies: header, cards, toasts */
  --paper-mid: #eceef2;    /* rellenos/hover suaves */
  --ink: #1f2937;          /* texto/botón oscuro (slate-800) */
  --wine: #4f46e5;         /* acento primario (índigo) */
  --gold: #f59e0b;         /* acento secundario / badge destacado */
  --text: #111827;

  /* Sombra moderna y sutil */
  --paper-shadow: 0 1px 2px rgba(16, 24, 40, 0.06),
    0 6px 18px rgba(16, 24, 40, 0.08);

  /* Bordes suaves (ya no "dibujados a mano") */
  --border-ink: 1px solid #e5e7eb;
  --radius: 12px;

  /* Scrollbar */
  --scroll-track: var(--paper-mid);
  --scroll-thumb: #c7ccd6;
  --scroll-thumb-hover: var(--wine);

  /* Z-index */
  --z-header: 50;
  --z-drawer: 80;
  --z-modal: 90;
  --z-toast: 9999;
}

body {
  background: var(--paper);
  color: var(--text);
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}