/*
  DuxoPOS — Design tokens compartidos
  Fuente única de verdad para colores, tipografía y resets usados en todas las pantallas.
  Extraído de los mockups (Caja, Fiados, Cobro, etc.) para que dejen de duplicar :root en cada archivo.

  Paleta (perfil de cliente ideal — tenderos 40-65+ años, alto contraste):
  Azul confianza (60%) · Verde éxito exclusivo para Cobrar/WhatsApp (20%) · Fondo claro (15%) · Rojo alerta (5%)
*/

:root{
  --navy:#1E3A8A;
  --navy-dark:#152C6B;
  --blue:#2563EB;
  --blue-tint:#EFF6FF;
  --blue-dark:#1D4ED8;

  --green:#16A34A;
  --green-light:#22C55E;
  --green-tint:#DCFCE7;
  --green-dark:#15803D;

  --red:#DC2626;
  --red-tint:#FEE2E2;
  --red-dark:#B91C1C;

  --amber:#D97706;
  --amber-tint:#FEF3C7;
  --amber-dark:#92400E;

  --purple:#7C3AED;
  --purple-tint:#EDE9FE;
  --purple-dark:#5B21B6;

  --ink:#0F172A;
  --ink-soft:#475569;
  --ink-faint:#94A3B8;

  --hair:rgba(15,23,42,0.09);
  --fill:rgba(15,23,42,0.05);
  --page:#F8FAFC;
  --card:#FFFFFF;

  --font-sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","Segoe UI",Roboto,sans-serif;

  /* Ergonomía Thumb-Zone — tamaños mínimos obligatorios (perfil de usuario 40-65+ años) */
  --touch-min:48px;
  --font-base-min:16px;
}

*{ box-sizing:border-box; -webkit-tap-highlight-color:transparent; }
html,body{ height:100%; margin:0; }
body{
  font-family:var(--font-sans);
  background:var(--page);
  color:var(--ink);
  font-size:var(--font-base-min);
  -webkit-font-smoothing:antialiased;
}

.icon{
  width:20px; height:20px; display:block;
  fill:none; stroke:currentColor;
  stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round;
}

/* Botón base — todos los botones táctiles heredan el mínimo de 48px definido en el dossier */
button{ min-height:var(--touch-min); font-family:inherit; }