/* =====================================================================
   tema.css — Paleta y bases compartidas del Punto de Venta. Lo usan el
   login (login.css), el panel (app.css + pdv.css) y la pantalla de
   cobro (caja.css). Paleta de Gar-Gar Frappé & Donuts: rosa para
   sidebar/topbar y botones, turquesa del aro del logo y
   ámbar solo para avisos.
   ===================================================================== */

:root{
  --pri-900: #e42eb4;   /* rosa Gar-Gar sólido (el de gargarfrappe.com): sidebar, topbar */
  --pri-800: #c71f9b;   /* rosa oscuro: hover */
  --pri-700: #e42eb4;   /* botones */
  --pri-600: #c71f9b;   /* enlaces, foco */
  --pri-500: #e42eb4;   /* acento principal */
  --pri-400: #f06fcf;
  --pri-200: #f8c4ea;
  --pri-100: #fdebf8;

  --turquesa: #00c1c1;  /* turquesa de gargarfrappe.com */
  --turquesa-suave: #d2f7fe;

  --ambar: #f2a93b;
  --ambar-oscuro: #b97512;
  --ambar-suave: #fdf1dc;

  --blanco: #ffffff;
  --gris-fondo: #f8f1ec;   /* crema */
  --gris-sutil: #fcf8f5;
  --gris-hover: #f5ebe4;

  --borde: rgba(58,32,22,0.13);
  --borde-fuerte: rgba(58,32,22,0.42);

  --texto: #2e1a12;
  --texto-tenue: rgba(46,26,18,0.60);
  --texto-claro: #ffffff;
  --texto-claro-tenue: rgba(255,255,255,0.88);

  --info: #5b7a8f;
  --alerta: #d98e2b;
  --exito: #1f9d6b;
  --error: #d3455b;

  --radio-pill: 999px;
  --radio-card: 14px;
}

*{ box-sizing: border-box; }
[hidden]{ display: none !important; }
:root{ accent-color: var(--pri-500); }
input, textarea, select{ caret-color: var(--pri-500); }
::selection{ background: rgba(226,69,127,0.30); }

html, body{
  margin: 0;
  background: var(--gris-fondo);
  color: var(--texto);
  font-family: 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}