:root {
	/* Brand accents — WhatsApp green stays the action color; navy is the site-neutral premium tone */
	--wa-green: #25D366;
	--wa-green-dark: #1DA851;
	--wa-ink: #0F172A;
	--wa-ink-soft: #475569;
	--wa-surface: #FFFFFF;
	--wa-surface-alt: #F8FAFC;
	--wa-border: #E2E8F0;
	--wa-danger: #DC2626;
	--wa-danger-bg: #FEF2F2;

	/* Elevation — soft, layered, never harsh */
	--wa-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
	--wa-shadow-md: 0 4px 12px rgba(15, 23, 42, 0.10);
	--wa-shadow-lg: 0 16px 40px rgba(15, 23, 42, 0.18);

	/* Radius scale */
	--wa-radius-sm: 6px;
	--wa-radius-md: 10px;
	--wa-radius-lg: 16px;
	--wa-radius-pill: 999px;

	/* Motion — one easing curve everywhere so the whole plugin feels like one hand built it */
	--wa-ease: cubic-bezier(0.22, 1, 0.36, 1);
	--wa-duration-fast: 150ms;
	--wa-duration-base: 220ms;
	--wa-duration-slow: 320ms;

	--wa-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, "Helvetica Neue", Arial, sans-serif;
}

/* NOTE (Phase 9.1): the previous `@media (prefers-color-scheme: dark) { ... }` block
   that swapped --wa-surface/--wa-ink/--wa-border to a navy palette has been deleted.
   Do not re-add it. The plugin ships one light theme, unconditionally, on both the
   front end and the admin settings screen, regardless of the visitor's OS/browser
   color-scheme setting. */

@media (prefers-reduced-motion: reduce) {
	:root {
		--wa-duration-fast: 0ms;
		--wa-duration-base: 0ms;
		--wa-duration-slow: 0ms;
	}
}