/**
 * css/variables.css
 * Paleta de colores, radios y medidas de POS LISTO.
 * Cambiar un valor aquí actualiza todo el sistema.
 */

:root {
  --indigo: #27245c; /* Azul principal: barras, botones principales y textos destacados */
  --indigo2: #3a3790; /* Azul secundario: enlaces y bordes activos */
  --mint: #22b48a; /* Verde de acción positiva: Guardar, Pagar, estados correctos */
  --mintbg: #e3f6ef; /* Fondo verde suave para mensajes y etiquetas positivas */
  --paper: #f4f5fa; /* Fondo gris claro de las pantallas */
  --card: #fff; /* Fondo de tarjetas y paneles */
  --ink: #1d1b3a; /* Color del texto principal */
  --mute: #6b6a8a; /* Texto secundario y ayudas */
  --line: #e3e3ef; /* Bordes y líneas divisorias */
  --warn: #e5a100; /* Advertencias: pendientes, sin confirmar */
  --bad: #d6455d; /* Errores y acciones de eliminar */
  --warnbg: #fff1cc; /* Fondo amarillo suave de avisos */
  --warnbg2: #fffcf2; /* Fondo amarillo muy suave */
  --soft: #fafafd; /* Fondo gris casi blanco de filas y recuadros */
  --soft2: #eee; /* Fondo gris de elementos deshabilitados */
  --badbg: #fce8ec; /* Fondo rojo suave de errores */
  --indbg: #e7e6fb; /* Fondo azul suave de seleccionados */
  --okfg: #126b50; /* Texto verde oscuro sobre fondo verde suave */
  --badfg: #9b2238; /* Texto rojo oscuro sobre fondo rojo suave */
  --warnfg: #7a5600; /* Texto ámbar oscuro sobre fondo amarillo */
  --r: 14px; /* Radio de las esquinas de tarjetas y paneles */
}