/* TEMA DEL SISTEMA - Menu 360
   Colores fijos de la plataforma. El color de cada negocio
   (color_primario, color_fondo, color_acento) viene de la base de datos. */
:root {
  /* Blanco y grises, de claro a oscuro */
  --blanco: #fff;
  --gris-50: #fafafa;
  --gris-60: #f8f8f8;
  --gris-70: #f5f5f5;
  --gris-100: #f0f0f0;
  --gris-150: #eee;
  --gris-200: #e8e8e8;
  --gris-250: #e2e2e2;
  --gris-300: #ccc;
  --gris-350: #bbb;
  --gris-400: #999;
  --gris-500: #888;
  --gris-600: #666;
  --gris-700: #555;
  --gris-800: #333;

  /* Fondos oscuros, de claro a oscuro */
  --oscuro-100: #1a1a2e;
  --oscuro-200: #1a1a1a;
  --oscuro-300: #141418;
  --oscuro-400: #0a0a0f;
  --oscuro-500: #0a0a0a;
  --oscuro-600: #07070c;

  /* Estados y marca */
  --verde: #27ae60;
  --verde-oscuro: #1b7d3e;
  --rojo: #c0392b;
  --rojo-fondo: #fee;
  --rojo-marca: #e63946;
  --ambar: #f59e0b;
}