/*! DSI 1.0 — Motion system */

.dxp-motion-interactive {
	transition: background var(--dxp-motion-fast), border-color var(--dxp-motion-fast), transform var(--dxp-motion-fast), box-shadow var(--dxp-motion-fast);
}
.dxp-motion-enter {
	animation: dxp-fade-up var(--dxp-motion-deliberate) both;
}
@keyframes dxp-fade-up {
	from { opacity: 0; transform: translateY(6px); }
	to { opacity: 1; transform: translateY(0); }
}
@keyframes dxp-skeleton {
	0% { background-position: 100% 0; }
	100% { background-position: -100% 0; }
}
.dxp-skeleton {
	background: linear-gradient(90deg, var(--dxp-color-surface-secondary), var(--dxp-color-surface-elevated), var(--dxp-color-surface-secondary));
	background-size: 200% 100%;
	animation: dxp-skeleton 1.2s linear infinite;
	border-radius: var(--dxp-radius-md);
}
@media (prefers-reduced-motion: reduce) {
	.dxp-motion-interactive { transition: none; }
	.dxp-motion-enter { animation: none; }
	.dxp-skeleton { animation: none; }
}