:root {
	--dsp-primary: #2563eb;
	--dsp-secondary: #0f172a;
	--dsp-accent: #f59e0b;
	--dsp-success: #16a34a;
	--dsp-warning: #f97316;
	--dsp-error: #dc2626;
	--dsp-radius-sm: 6px;
	--dsp-radius-md: 12px;
	--dsp-radius-lg: 20px;
	--dsp-spacing-xs: .5rem;
	--dsp-spacing-sm: 1rem;
	--dsp-spacing-md: 1.5rem;
	--dsp-spacing-lg: 2rem;
	--dsp-shadow-sm: 0 6px 18px rgba(15, 23, 42, .08);
	--dsp-shadow-md: 0 12px 32px rgba(15, 23, 42, .12);
	--dsp-shadow-lg: 0 22px 60px rgba(15, 23, 42, .16);
}

.dsp-focus-visible:focus,
.dsp-feature-manager-wrap input:focus,
.dsp-feature-manager-wrap button:focus {
	outline: 3px solid var(--dsp-primary);
	outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		scroll-behavior: auto !important;
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
	}
}