/**
 * NaviMapPro WP — design tokens (Exact Page Design Replica Prompt §1).
 * Screenshot/PDF overrides these when building pixel-perfect pass.
 */
:root {
	--nmp-color-primary: #0072C6;
	--nmp-color-primary-hover: #005A9E;
	--nmp-color-navy: #08111f;
	--nmp-color-navy-alt: #0b1220;
	--nmp-color-text: #101828;
	--nmp-color-muted: #667085;
	--nmp-color-background: #ffffff;
	--nmp-color-surface: #f6f7fa;
	--nmp-color-surface-red-tint: #f0f7ff;
	--nmp-color-border: #eaecf0;
	--nmp-color-border-input: #d0d5dd;
	--nmp-color-success: #16a34a;
	--nmp-color-warning-bg: #fef3c7;
	--nmp-color-error-tint: #fee2e2;

	--nmp-radius-sm: 8px;
	--nmp-radius-md: 12px;
	--nmp-radius-lg: 16px;
	--nmp-radius-pill: 999px;

	--nmp-shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.06);
	--nmp-shadow-md: 0 8px 24px rgba(16, 24, 40, 0.05);

	--nmp-container: 1488px;
	--nmp-edge-pad: 1rem;
	--nmp-section-y: 4rem;
	--nmp-section-y-mobile: 2rem;
	--nmp-font-sans: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

	--nmp-transition: 0.15s ease;
}

@media (min-width: 1280px) {
	:root {
		--nmp-edge-pad: 2.5rem;
	}
}

@media (min-width: 1400px) {
	:root {
		--nmp-edge-pad: 4rem;
	}
}

@media (min-width: 1488px) {
	:root {
		--nmp-edge-pad: 0px;
	}
}