/* Design tokens de Último Embarque.
 * Para cambiar de dirección de marca, cambia data-brand en <html> (a|b). */
:root,
[data-brand="a"] {
	/* Dirección A · Panel de salidas */
	--ue-color-primary: #0F1B2D;   /* Azul noche */
	--ue-color-accent: #FFC629;    /* Amarillo señal */
	--ue-color-bg: #F7F5F0;        /* Blanco roto */
	--ue-color-urgent: #FF5A4E;    /* Coral (decorativo) */
	--ue-color-urgent-strong: #C42E24; /* Coral oscuro: texto blanco encima y texto sobre claro (WCAG AA) */
	--ue-color-muted: #5B6B80;     /* Gris azulado */
	--ue-color-on-primary: #FFFFFF;
	--ue-color-on-accent: #0F1B2D;
}
[data-brand="b"] {
	/* Dirección B · Atardecer de embarque */
	--ue-color-primary: #0B2545;
	--ue-color-accent: #FF7A1A;
	--ue-color-bg: #FFF6EA;
	--ue-color-urgent: #FF7A1A;
	--ue-color-urgent-strong: #B34700;
	--ue-color-muted: #1E6BFF;
	--ue-color-on-primary: #FFFFFF;
	--ue-color-on-accent: #0B2545;
}
:root {
	--ue-font-heading: "Space Grotesk", system-ui, sans-serif;
	--ue-font-body: "Inter", system-ui, sans-serif;
	--ue-font-mono: "Space Mono", ui-monospace, monospace;

	--ue-radius: 12px;
	--ue-space-1: .25rem;
	--ue-space-2: .5rem;
	--ue-space-3: 1rem;
	--ue-space-4: 1.5rem;
	--ue-space-5: 2.5rem;
	--ue-tap-min: 44px;
}