/* ============================================================
   THEME — LOST LINES
   Solo tokens de marca. Para reutilizar el backend en otro
   proyecto (ej. LIGNE) se reemplaza UNICAMENTE este archivo.
   ============================================================ */

:root {
  /* Paleta */
  --paper: #f3ebdd;        /* fondo principal (papel/crema) */
  --paper-light: #f6efe4;  /* header no-home, toasts, badges claros */
  --paper-mid: #efe6d8;
  --ink: #2d2d2d;          /* texto/bordes oscuros */
  --wine: #7c2d2d;         /* acento */
  --gold: #b08d3f;         /* acento secundario (badge "mas vendido") */
  --text: #111827;

  /* Sombra de papel */
  --paper-shadow: 3px 4px 12px rgba(0, 0, 0, 0.08),
    -1px -1px 4px rgba(0, 0, 0, 0.03);

  /* Bordes "dibujados a mano" */
  --border-ink: 2px solid var(--ink);
  --radius: 2px;

  /* Scrollbar */
  --scroll-track: var(--paper-mid);
  --scroll-thumb: var(--ink);
  --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);
}