/* Phase 5 — Color harmony */

.sc361-ai-engine {
	background-image: linear-gradient(
		180deg,
		var(--sc361-ai-gradient-c1, rgba(0, 0, 0, 0.85)),
		var(--sc361-ai-gradient-c2, rgba(0, 0, 0, 0))
	);
	background-size: 100% 40%;
	background-repeat: no-repeat;
}

.sc361-ai-engine .sc361-card__overlay {
	background: linear-gradient(
		to top,
		color-mix(in srgb, var(--sc361-ai-card-dominant, var(--sc361-ai-dominant)) 88%, transparent),
		transparent 65%
	);
}

.sc361-ai-engine .sc361-card__glow {
	box-shadow: 0 0 40px var(--sc361-ai-glow, rgba(255, 255, 255, 0.15));
}

.sc361-ai-engine .sc361-card__tag {
	color: var(--sc361-ai-card-accent, var(--sc361-ai-accent));
}