/* Jalomi Manager — tokens de diseño (fuente ÚNICA de la paleta).
   Lo cargan la app interna (app.css), el catálogo mayorista y el de muebles,
   así un cambio de color/forma se hace en UN solo lugar. Antes cada uno
   redefinía :root por su cuenta y empezaban a divergir. */
:root {
  /* estructura */
  --navy: #1a2b4a; --navy-2: #24395e; --navy-3: #33507d;
  /* acento: reservado para la acción primaria de cada pantalla */
  --accent: #2563eb; --accent-osc: #1d4ed8; --accent-suave: #eaf1fe;
  /* superficies */
  --bg: #eef1f6; --card: #ffffff; --ink: #182233; --muted: #667085;
  --line: #e5e9f0; --line-2: #d7deea;
  /* semánticos. Los -txt son la versión OSCURA para texto sobre el -bg:
     --warn/--ok directos sobre su -bg dan 3,4-3,8:1 y fallan el contraste AA
     en texto chico (auditoría UX 2026-07-30) */
  --ok: #1e8e4e; --ok-bg: #e9f7ef; --ok-txt: #15753f;
  --warn: #b7791f; --warn-bg: #fdf6e6; --warn-txt: #8a5a14;
  --danger: #c62838; --danger-bg: #fdecee;
  /* verde de WhatsApp (catálogos) */
  --wa: #25D366;
  /* tipografía: 5 tamaños (auditoría UX v2 §6 — nada bajo 12px) */
  --fs-xs: 12px; --fs-sm: 14px; --fs-base: 16px; --fs-h2: 18px; --fs-h1: 22px;
  /* contenedores: lectura (fichas/detalle) y lista (tablas de 6+ columnas) */
  --ancho-lectura: 900px; --ancho-lista: 1180px;
  /* forma */
  --r: 14px; --r-sm: 10px; --r-xs: 8px;
  --sh: 0 1px 3px rgba(16,24,48,.08); --sh-2: 0 8px 24px rgba(16,24,48,.14);
  /* alias viejos por compatibilidad con estilos existentes */
  --azul: var(--accent); --azul-osc: var(--accent-osc); --gris: var(--bg);
  --borde: var(--line-2); --rojo: var(--danger); --verde: var(--ok);
  --naranja: var(--warn); --texto: var(--ink);
}