/* ==========================================================================
   Self-Help Theme — warm, calm, "sunrise" glow. Soft breathing light instead
   of fog/dust — motivational and grounded, not spooky or clinical.
   ========================================================================== */

.theme-self-help {
	--es-accent: #2f9e6f;
	--es-bg: #0a1c16;
	--es-text: #eafbf3;
	--es-text-muted: #a8c9bb;
	--es-font-display: 'Fraunces', Georgia, serif;
}

.theme-self-help .es-bg {
	background:
		radial-gradient(ellipse at 50% 15%, rgba(47,158,111,0.16), transparent 60%),
		radial-gradient(circle at 50% 100%, #0f2a20, #0a1c1600 70%),
		linear-gradient(#0c211a, #081611);
}

/* Slow "breathing" glow — calm, rhythmic, not urgent */
.theme-self-help .es-weather::before {
	content: '';
	position: absolute;
	inset: -10% -10%;
	background: radial-gradient(ellipse at 50% 20%, rgba(122,231,178,0.10), transparent 55%);
	animation: es-glow-breathe 8s ease-in-out infinite;
	pointer-events: none;
}
@keyframes es-glow-breathe {
	0%, 100% { opacity: 0.5; }
	50%      { opacity: 1; }
}

/* Gentle rising particles — "clarity" motes, sparse and slow */
.theme-self-help .es-particles::before {
	content: '';
	position: absolute;
	inset: 0;
	background-image:
		radial-gradient(1.5px 1.5px at 25% 80%, rgba(234,251,243,0.3), transparent),
		radial-gradient(1.5px 1.5px at 65% 60%, rgba(234,251,243,0.22), transparent),
		radial-gradient(1.5px 1.5px at 45% 90%, rgba(234,251,243,0.25), transparent);
	animation: es-motes-rise 20s linear infinite;
}
@keyframes es-motes-rise {
	from { transform: translateY(5%); opacity: 0; }
	10%  { opacity: 1; }
	to   { transform: translateY(-40%); opacity: 0; }
}

.theme-self-help .es-book-cover {
	box-shadow: 0 20px 60px rgba(0,0,0,0.5), 0 0 40px 4px rgba(47,158,111,0.18);
}

.theme-self-help .es-summary-point {
	background: rgba(10, 26, 20, 0.75);
	border-color: rgba(47,158,111,0.25);
}

.theme-self-help .es-lock-panel {
	background: rgba(9, 22, 17, 0.85);
	border-color: rgba(47,158,111,0.3);
}

@media (prefers-reduced-motion: reduce) {
	.theme-self-help .es-weather::before,
	.theme-self-help .es-particles::before { animation: none !important; }
}