/* Sistema Visual Carrello, capa 2 (herramientas internas). Valores copiados del instructivo:
   Estrategia Comunicacion MKT/Sistema Visual Carrello/carrello-sistema-visual-instructivo.html */
:root {
  --purple:#5B3E8A; --purple2:#7C5AAE; --purple-bg:#F4F0FA;
  --bg:#FAFAFC; --card:#FFFFFF; --bdr:#E7E5F0; --bdr2:#D8D4E8;
  --tx:#211C33; --tx2:#5B5570; --tx3:#9B96AC;
  --green:#16A34A; --green-bg:#F0FDF4; --amber:#D97706; --amber-bg:#FFFBEB;
  --red:#DC2626; --red-bg:#FEF2F2; --blue:#2563EB; --blue-bg:#EFF6FF;
  /* Tonos oscuros de la misma familia para TEXTO sobre fondos tintados: los colores del sistema solos no llegan a 4,5:1 (WCAG AA). */
  --green-tx:#166534; --amber-tx:#92400E; --red-tx:#991B1B; --blue-tx:#1E40AF;
  --r:10px; --r2:14px;
  --sh-1:0 1px 2px rgba(91,62,138,.06);
  --sh-2:0 10px 24px rgba(91,62,138,.09);
  --sh-3:0 4px 12px rgba(91,62,138,.25);
  --display:'Poppins','Plus Jakarta Sans',system-ui,sans-serif;
  --sans:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:'JetBrains Mono','SF Mono',Consolas,monospace;
  --t:.14s;
}