/**
 * Readability Analyzer - CSS Variables
 *
 * Tool-specific custom properties extending shared tool variables.
 * Uses green theme to match the tool's gradient.
 *
 * @package AgenticWP
 */

.readability-hero,
.readability-input-section,
.readability-results-section,
.readability-annotated-section,
.readability-benchmarks-section {
	--feature-readability-bg: #eaffc7; /* Green tint for blobs */
	--readability-accent: #16a34a; /* Green-600 */
	--readability-accent-dark: #14532d; /* Green-900 */
	--readability-accent-light: #86efac; /* Green-300 */

	/* Issue type colors */
	--issue-passive: #a855f7; /* Purple-500 */
	--issue-passive-bg: #faf5ff;
	--issue-long: #f97316; /* Orange-500 */
	--issue-long-bg: #fff7ed;
	--issue-adverb: #3b82f6; /* Blue-500 */
	--issue-adverb-bg: #eff6ff;
	--issue-complex: #ef4444; /* Red-500 */
	--issue-complex-bg: #fef2f2;
	--issue-repetitive: #eab308; /* Yellow-500 */
	--issue-repetitive-bg: #fefce8;

	/* Traffic light colors (using shared variables) */
	--traffic-good: var(--tool-success);
	--traffic-warning: var(--tool-warning);
	--traffic-bad: var(--tool-error);
}