/**
 * Feature Section CSS Variables
 *
 * Centralized design tokens for all feature page sections.
 * Each section has a distinct color for visual variety.
 *
 * @package AgenticWP
 */

:root {
	/* Feature Section Background Colors */
	--feature-hero-bg: #ffc0cb;
	--feature-ship-bg: #ede9fe;
	--feature-create-bg: #ffedd5;
	--feature-optimize-bg: #eaffc7;
	--feature-images-bg: #dbeafe;
	--feature-bulk-bg: #fef3c7;
	--feature-gamification-bg: #ccfbf1;

	/* Gradient Blue (for images section) */
	--gradient-blue: linear-gradient(135deg, #3B82F6, #1E40AF);

	/* Gradient Teal (for gamification section) */
	--gradient-teal: linear-gradient(135deg, #14B8A6, #134E4A);

	/* Gradient Amber (for bulk section) */
	--gradient-amber: linear-gradient(135deg, #F59E0B, #78350F);
}