/* Innova Car Wash — Design System tokens v4
   Cyan vivo, alineado con Clean Car B2B (misma familia de marca): #13bee8
   --cyan-text: #0e7a96 (oscuro, AA ≥4.5:1 sobre blanco)
   --cyan-soft: #8fe0f2 (claro, para texto sobre oscuro)
   glow: rgba(19, 190, 232, 0.35)
*/
:root {
	--navy: #13294b;
	--navy-deep: #0e1a2b;
	--navy-soft: #1d3a5f;
	--cyan: #13bee8;
	--cyan-text: #0e7a96; /* derivado AA ≥4.5:1 sobre blanco */
	--cyan-soft: #8fe0f2;
	--wa: #25d366;
	--surface: #f6f9fb;
	--surface-card: #ffffff;
	--on-surface: #16181a;
	--on-surface-muted: #46535b;
	--outline: #dde4e9;
	--on-dark: #eaf2fb;
	--on-dark-muted: #c4d4e3;
	--error: #ba1a1a;

	/* Dark "Tech Tunnel" aurora vars (usados por motion.css) */
	--dark-bg: #0a1626;
	--dark-surface: #11203a;
	--led-blue: #13bee8;
	--led-cyan: #8fe0f2;

	--font: "Montserrat", system-ui, -apple-system, sans-serif;

	--sp-xs: 4px;
	--sp-sm: 8px;
	--sp-md: 16px;
	--sp-lg: 24px;
	--sp-xl: 32px;
	--sp-2xl: 48px;
	--sp-3xl: 64px;
	--sp-4xl: 96px;

	--r-sm: 4px;
	--r-md: 12px;
	--r-lg: 16px;
	--r-pill: 9999px;

	--shadow-1: 0 4px 16px rgba(13, 37, 63, 0.07);
	--shadow-2: 0 12px 32px rgba(13, 37, 63, 0.12);
	--shadow-glow: 0 0 40px rgba(19, 190, 232, 0.35);

	--maxw: 1100px;
	--header-h: 56px;
}
@media (min-width: 768px) {
	:root {
		--header-h: 68px;
	}
}