/* Apply the light green treatment only to introductory panels. */
:root { --site-hero-gradient: linear-gradient(100deg, #dfeee6 0%, #eaf4ed 55%, #fcfefc 100%); }
.privacy-hero, .dashboard-hero, .ia-hero, .essay-hero,
.progress-hero, .mastery-hero, .cards-manager-hero,
.confidence-view-hero, .philosophy-workspace-hero {
  background: var(--site-hero-gradient) !important;
  border: 1px solid #d3e2d9;
  color: #17352c;
  box-shadow: none;
}
:is(.privacy-hero, .dashboard-hero, .ia-hero, .essay-hero,
  .progress-hero, .mastery-hero, .cards-manager-hero,
  .confidence-view-hero, .philosophy-workspace-hero) :is(h1, h2, h3) { color: #17352c; }
:is(.dashboard-hero, .ia-hero, .essay-hero, .progress-hero,
  .mastery-hero, .cards-manager-hero, .confidence-view-hero,
  .philosophy-workspace-hero) p:not(.eyebrow) { color: #526960; }
:is(.dashboard-hero, .ia-hero, .essay-hero, .progress-hero,
  .mastery-hero, .cards-manager-hero, .confidence-view-hero,
  .philosophy-workspace-hero) .eyebrow { color: #185642; }
.dashboard-hero h1 span, .confidence-view-hero > b { color: #185642; }
.dashboard-hero::after { opacity: .08; filter: none; }
/* Keep buttons and decorative elements readable on the pale background. */
.dashboard-hero .secondary-link, .mastery-hero .secondary-link,
.cards-manager-hero .secondary-link { color: #185642; border-color: #a7c9b8; background: rgba(255,255,255,.48); }
.dashboard-hero .secondary-link:hover, .mastery-hero .secondary-link:hover,
.cards-manager-hero .secondary-link:hover { background: #fff; }
.confidence-orbit { color: #fff; }
.confidence-orbit span { color: #e5f3ec; }
.mastery-mark { background: #185642; border-color: #185642; }
.mastery-mark b { color: #fff; }
.mastery-mark span { color: #dbf0e5; }
.tool-card.featured { background: linear-gradient(100deg,#e1f0e8,#fafdfa); border-color: #c5dbce; color: #17352c; }
.tool-card.featured .tool-copy > span { color: #526960; }
.tool-card.featured .tool-icon { background: #d1e8db; color: #185642; }
/* Sign in: pale editorial treatment, independent of dashboard heroes. */
.auth-showcase { background: linear-gradient(112deg,#f1f8f3 0%,#e6f2ea 48%,#fcfefc 100%); border-right: 1px solid #d6e5db; color: #17352c; }
.auth-showcase::before { opacity: .045; filter: none; }
.auth-showcase::after { border-color: rgba(25,82,62,.08); box-shadow: 0 0 0 65px rgba(25,82,62,.018),0 0 0 130px rgba(25,82,62,.012); }
.auth-brand, .auth-brand b { color: #17352c; }
.auth-brand small, .auth-domain { color: #587169; }
.auth-intro .eyebrow { color: #185642; }
.auth-intro h1 { color: #17352c; }
.auth-intro h1 span { color: #21634d; }
.auth-intro > p:not(.eyebrow), .auth-intro li { color: #526960; }
.auth-intro li span { border-color: #b7d4c3; background: #e4f2e9; color: #185642; }
@media (max-width: 950px) { .auth-showcase { border-right: 0; border-bottom: 1px solid #d6e5db; } }
/* Light hero actions: no solid green blocks or white text on pale buttons. */
.dashboard-hero button.secondary-link,
.dashboard-hero a.secondary-link { color: #185642; background: rgba(255,255,255,.56); border-color: #a7c9b8; }
.dashboard-hero :is(button.secondary-link,a.secondary-link):hover { color: #123d30; background: #fff; }
:is(.dashboard-hero,.progress-hero,.mastery-hero,.cards-manager-hero) .primary,
.mastery-progress-panel a.primary {
  background: #fff;
  color: #185642;
  border: 1px solid #c5dbce;
  box-shadow: none;
}
:is(.dashboard-hero,.progress-hero,.mastery-hero,.cards-manager-hero) .primary:hover,
.mastery-progress-panel a.primary:hover { background: #f2f8f4; color: #123d30; border-color: #8ebba4; }
:is(.dashboard-hero,.progress-hero,.mastery-hero,.cards-manager-hero) .primary span,
.mastery-progress-panel a.primary span { color: inherit; }