/*
 * Micgo — colores de la marca. Un solo :root; el resto de los CSS del plugin solo usa var(--mic-…).
 *
 * Los nombres son por función, no por color: si cambia el azul de los botones cambia --mic-primario, y el verde de
 * "Completado" o el rojo de "Cancelar" no se mueven. Los correos no entienden variables CSS: sus valores están en
 * src/Brand/Palette.php y una prueba unitaria revisa que coincidan con este archivo.
 * Estos son los únicos colores del panel, del admin de Micgo y de los correos; ningún negocio los cambia.
 */
:root {
	/* Marca */
	--mic-primario: #1d4ed8;
	--mic-primario-oscuro: #1942b8;
	--mic-sobre-primario: #fff;

	/* Base del panel */
	--mic-fondo: #f1f3f5;
	--mic-fondo-tenue: #e4e7eb;
	--mic-superficie: #fff;
	--mic-texto: #1f2a37;
	--mic-texto-suave: #52606d;
	--mic-borde: #d5dae0;
	--mic-borde-fuerte: #aab3bd;
	--mic-foco: #f59e0b;

	/* Cabecera del panel (también el color de la barra del celular) */
	--mic-cabecera: #1f2a37;
	--mic-sobre-cabecera: #fff;
	--mic-cabecera-activo: rgba(255, 255, 255, 0.2);

	/* Éxito */
	--mic-exito-fondo: #e3f4e8;
	--mic-exito-texto: #14532d;

	/* Peligro */
	--mic-peligro: #b42318;
	--mic-sobre-peligro: #fff;
	--mic-peligro-fondo: #fdecea;
	--mic-peligro-texto: #7a1810;

	/* Aviso */
	--mic-aviso: #fff4d6;
	--mic-aviso-borde: #d89b00;
	--mic-aviso-texto: #4a3500;
	--mic-alerta: #d97706;

	/* Info */
	--mic-info-fondo: #e0ecff;
	--mic-info-borde: #1d4ed8;
	--mic-info-texto: #12306e;

	/* Medidor de contraseña (débil usa --mic-alerta) */
	--mic-medidor-bueno: #65a30d;
	--mic-medidor-fuerte: #15803d;

	/* Superposiciones: fondo de las ventanas y visor del comprobante */
	--mic-velo: rgba(15, 23, 42, 0.55);
	--mic-visor: #000;
	--mic-visor-barra: rgba(0, 0, 0, 0.8);

	/* Estados de los pedidos en el panel (mismos tonos de Woo, oscurecidos donde el texto blanco no llega a contraste AA) */
	--mic-estado-pendiente: #f5c518;
	--mic-estado-pendiente-texto: #3b2f00;
	--mic-estado-programado: #7d3c98;
	--mic-estado-preparacion: #1f6aa5;
	--mic-estado-camino: #b45309;
	--mic-estado-listo: #0f766e;
	--mic-estado-completado: #1e8449;
	--mic-estado-rechazado: #c0392b;
	--mic-estado-cancelado: #5d6d6e;
	--mic-estado-reembolsado: #bdc3c7;
	--mic-estado-reembolsado-texto: #2c3e50;
	--mic-sobre-estado: #fff;

	/* Pedidos para recoger en el local: etiqueta de la tarjeta y del Historial */
	--mic-recoger: #0f766e;
	--mic-sobre-recoger: #fff;
	--mic-recoger-fondo: #ccfbf1;
	--mic-recoger-texto: #134e4a;

	/* Etiquetas de estado en la lista de pedidos del admin de Woo (otros tonos que el panel) */
	--mic-admin-estado-pendiente-texto: #1a1a1a;
	--mic-admin-estado-programado: #9b59b6;
	--mic-admin-estado-preparacion: #3498db;
	--mic-admin-estado-camino: #e67e22;
	--mic-admin-estado-listo: #1abc9c;
	--mic-admin-estado-completado: #27ae60;
	--mic-admin-estado-rechazado: #e74c3c;
	--mic-admin-estado-cancelado: #7f8c8d;

	/* Admin de WordPress: sección Licencia y errores del checkout (los tonos de WordPress) */
	--mic-wp-gris: #646970;
	--mic-licencia-activa: #1e7e34;
	--mic-licencia-gracia: #b26a00;
	--mic-peligro-wp: #b32d2e;
	--mic-peligro-fondo-wp: #fcf0f1;

	/* Checkout */
	--mic-checkout-aviso-fondo: #fff8e5;
	--mic-checkout-aviso-borde: #dba617;
	--mic-checkout-requerido: #e2401c;
	--mic-checkout-texto-suave: #5c6670;

	/* Toppings en la página del producto: el texto y la fuente los hereda del tema; estas variables se pueden cambiar
	   desde el CSS personalizado de Elementor (por ejemplo --mic-toppings-borde en .mic-toppings). */
	--mic-toppings-borde: var(--mic-borde);
	--mic-toppings-borde-elegido: currentColor;
	--mic-toppings-fondo-agotado: var(--mic-fondo-tenue);
	--mic-toppings-texto-suave: var(--mic-texto-suave);
	--mic-toppings-aviso-fondo: var(--mic-aviso);
	--mic-toppings-aviso-borde: var(--mic-aviso-borde);
	--mic-toppings-aviso-texto: var(--mic-aviso-texto);
	--mic-toppings-foco: var(--mic-foco);

	/* Correos y HTML en línea de PHP (estos solo los usa Palette.php) */
	--mic-correo-base: #7f54b3;
	--mic-correo-texto: #3c3c3c;
	--mic-correo-borde: #e5e5e5;
	--mic-correo-sobre-claro: #202020;
	--mic-borde-punteado: #ccc;
	--mic-borde-miniatura: #ccd0d4;
}