/**
 * Smoky Chix - Micro-Interactions & Animations
 */

@keyframes flamePulse {
	0%, 100% {
		transform: scale(1);
		filter: drop-shadow(0 0 15px rgba(255, 84, 0, 0.4));
	}
	50% {
		transform: scale(1.03);
		filter: drop-shadow(0 0 30px rgba(255, 84, 0, 0.7));
	}
}

.floating-animation {
	animation: flamePulse 4s ease-in-out infinite;
}

@keyframes shimmer {
	0% {
		background-position: -200% 0;
	}
	100% {
		background-position: 200% 0;
	}
}

.smoky-shimmer {
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.08) 50%, rgba(255, 255, 255, 0) 100%);
	background-size: 200% 100%;
	animation: shimmer 2.5s infinite;
}

.smoky-spinner {
	width: 40px;
	height: 40px;
	border: 4px solid var(--smoky-card-border);
	border-top-color: var(--smoky-flame);
	border-radius: 50%;
	animation: spin 0.8s linear infinite;
	margin: 30px auto 15px;
}

@keyframes spin {
	to { transform: rotate(360deg); }
}

.smoky-modal-loading {
	text-align: center;
	padding: 40px;
	color: var(--smoky-text-muted);
}