/**
 * Readability Analyzer - Hero Section
 *
 * Tool-specific overrides for the shared .tool-hero component.
 * Adds blob background with plasma filter effect.
 *
 * @package AgenticWP
 */

/* ============================================
   Hero Theme Overrides
   ============================================ */

.readability-hero {
	--tool-gradient-from: #f0fdf4;
	--tool-accent-color: var(--readability-accent);
	--tool-accent-gradient: var(--gradient-green);
}

/* Blob Background Customization */
.readability-background {
	filter: url('#readability-plasma');
}

.readability-blob {
	background: radial-gradient(
		circle,
		var(--feature-readability-bg) 0%,
		rgba(234, 255, 199, 0.1) 100%
	);
}

/* Blob animations with unique timings */
#readability-blob-1 {
	animation: blob-float-1 22s ease-in-out infinite;
}

#readability-blob-2 {
	animation: blob-float-2 26s ease-in-out infinite 3s;
}

#readability-blob-3 {
	animation: blob-float-3 24s ease-in-out infinite 6s;
}

#readability-blob-4 {
	animation: blob-float-4 28s ease-in-out infinite 2s;
}

#readability-blob-5 {
	animation: blob-float-5 30s ease-in-out infinite 5s;
}