/*==========================================================
	Triguna Yoga — sitewide BALANCED theme (2 Oct 2026)
	Client feedback: the original look was too dark, a full light theme was too washed out.
	This keeps the original design (photo heroes, green bands, white text, green footer) and only
	softens it: lighter photo overlays, mid-green (#4F7D45 / #3F6938) in place of near-black green.
	Loaded from header.php after each page's own CSS; remove that <link> to return to the old look.
	Every selector starts with "html body[class]" (or html:root for the footer) so it outranks the rule it softens.
==========================================================*/
:root {
	--bal-green: linear-gradient(150deg, #4F7D45 0%, #3B6334 100%);        /* cards and bands, was #2A4A30 → #15281A */
	--bal-green-band: linear-gradient(160deg, #4A7541 0%, #345A2E 100%);
	--bal-veil: rgba(32,56,37,.5);                                           /* photo bands, was rgba(21,40,26,.72) */
}

/* ============ 1. Photo heroes: lighter veil, photo shows through, text stays white ============ */
html body[class] .tc-hero:after {
	background: linear-gradient(90deg, rgba(15,30,19,.68) 0%, rgba(15,30,19,.44) 45%, rgba(15,30,19,.1) 100%),
		linear-gradient(0deg, rgba(15,30,19,.35), transparent 40%);
}
html body[class] .rk-hero:before {
	background: linear-gradient(100deg, rgba(10,28,17,.68) 0%, rgba(10,28,17,.44) 48%, rgba(10,28,17,.1) 100%),
		linear-gradient(0deg, rgba(10,28,17,.35), transparent 40%);
}
html body.tg-about .av-hero:after {
	background: linear-gradient(90deg, rgba(11,26,16,.72) 0%, rgba(11,26,16,.52) 34%, rgba(11,26,16,.18) 62%, rgba(11,26,16,.04) 100%),
		linear-gradient(0deg, rgba(11,26,16,.4), transparent 38%);
}
html body.tg-home .th-hero:after { background: linear-gradient(180deg, rgba(21,40,26,.34) 0%, rgba(21,40,26,.42) 60%, rgba(21,40,26,.58) 100%); }
html body.tg-home .th .th-hero h1, html body.tg-home .th-hero .th-sub, html body.tg-home .th .th-hero p { text-shadow: 0 2px 18px rgba(0,0,0,.35); }
html body[class] .tg-hero:before { background: linear-gradient(100deg, rgba(20,60,56,.7) 0%, rgba(20,60,56,.44) 45%, rgba(20,60,56,.1) 100%); }
/* hero glass cards: a touch more tint so white text stays readable on the brighter photo */
html body[class] .tc-hero .tc-summary { background: rgba(30,53,35,.42); border-color: rgba(255,255,255,.24); }
html body.tg-about .tc-summary.av-glance { background: rgba(30,53,35,.42); }
html body[class] .tc-chips li { background: rgba(30,53,35,.32); }

/* ============ 2. Photo bands (CTA, immersion, highlights): lighter veil ============ */
html body[class] .th-band:before { background: var(--bal-veil); }
html body[class] .tg-cta:before { background: rgba(20,60,56,.62); }
html body[class] .rk-band:after { background: linear-gradient(180deg, rgba(10,25,15,0) 30%, rgba(10,25,15,.62)); }

/* ============ 3. Near-black green sections and cards → brand mid-green ============ */
html body[class] .rk-dark { background: radial-gradient(ellipse at 15% 0%, rgba(246,198,143,.14), transparent 55%), var(--bal-green-band); }
html body[class] .tc-contact { background: radial-gradient(60% 80% at 100% 0%, rgba(217,130,59,.14), transparent 60%), var(--bal-green-band); }
html body[class] .tc-ag-main { background: radial-gradient(120% 90% at 100% 0%, rgba(217,130,59,.2), transparent 55%), var(--bal-green); }
html body[class] .tc-pricecard,
html body[class] .th-elements { background: var(--bal-green); }
html body[class] .av-aim { background: radial-gradient(ellipse at 20% 0%, rgba(246,198,143,.18), transparent 60%), var(--bal-green); }
html body[class] .md-heal { background: radial-gradient(ellipse at 0% 0%, rgba(246,198,143,.2), transparent 55%), var(--bal-green); }
html body[class] .md-cert,
html body[class] .yg-costcheck { background: var(--bal-green); }
html body[class] .th .th-part.is-evening { --part-bg: linear-gradient(180deg, #4A7541 0%, #3A6034 100%); }
/* small badges that sat on near-black */
html body[class] .rk-collage-badge, html body[class] .yg-trio-tag, html body[class] .md-intro-photo figcaption { background: #3F6938; }

/* ============ 4. Footer: same design, one step lighter green ============ */
html:root body .th-footer {
	background:
		radial-gradient(60% 80% at 100% 0%, rgba(217,130,59,.12), transparent 60%),
		radial-gradient(50% 70% at 0% 100%, rgba(79,125,69,.35), transparent 65%),
		linear-gradient(180deg, #2F5236 0%, #263F2B 100%);
}
html:root body .th-ft-bottom { background: rgba(0,0,0,.16); }