/* ==================================================================
   KAEVA COUNSELLING v11.34 — SITEWIDE FONT COLOUR SYSTEM

   Semantic text palette:
   - Heading / interactive text: dark pine
   - Main body text: ink
   - Secondary/supporting text: muted green-grey
   - Accent labels and education: clay red
   - Text on dark surfaces: white / warm white
   ================================================================== */

:root {
  --text-heading: var(--pine-deep);
  --text-body: var(--ink);
  --text-secondary: var(--muted);
  --text-accent: var(--clay);
}

/* ---------- Core text hierarchy ---------- */
body {
  color: var(--text-body);
}

main h1,
main h2,
main h3,
.quick-compare-person,
.profile-facts strong,
.compare-meta b,
.fee-table th,
.faq summary,
.credential-accordion summary {
  color: var(--text-heading);
}

/* ---------- Secondary and explanatory copy ---------- */
.hero-lead,
.lead,
.section-heading > p,
.pagehero p,
.editorial-note p,
.small,
.format-line,
.process-list p,
.concern-card p,
.approach-strip small,
.approach-tile p,
.background-card p,
.quick-compare-value,
.compare-meta,
.profile-consultation-note,
.consultation-inline,
.contact-note p {
  color: var(--text-secondary);
}

/* ---------- Accent labels ---------- */
.eyebrow,
.role-label,
.concern-index,
.process-list > li > span,
.insight-card > span {
  color: var(--text-accent);
}

/* ---------- Small green interface text: use dark pine for contrast ---------- */
.links > a:not(.btn),
.lang,
.text-link,
.profile-mini-link,
.card-arrow,
.service-more,
.chip,
.focus-row span,
.trust-list li,
.approach-strip span,
.compare-meta-label,
.quick-compare-label {
  color: var(--text-heading);
}

.btn.secondary {
  color: var(--text-heading);
  border-color: var(--text-heading);
}

/* ---------- Credentials: one consistent two-colour system ---------- */
/* Education */
.credential-lines > .credential-line:first-child,
.credential-lines > .credential-language > .credential-line:first-child,
.hero-therapist-degree,
.feature-education {
  color: var(--text-accent) !important;
  -webkit-text-fill-color: var(--text-accent);
}

/* Professional registrations */
.credential-lines > .credential-line:last-child,
.credential-lines > .credential-language > .credential-line:last-child,
.hero-therapist-credentials,
.feature-copy > .credentials {
  color: var(--text-secondary) !important;
  -webkit-text-fill-color: var(--text-secondary);
}

/* Counsellor names remain dark pine */
.hero-therapist-caption strong,
.feature-copy h3,
.compare-copy h2,
.contact-profile h2,
.profile-intro h1,
.profile-intro h2 {
  color: var(--text-heading);
}

/* ---------- Preserve text treatment on dark surfaces ---------- */
.professional-services,
.supervision-section,
.final-cta-section,
.profile-final,
.banner {
  color: rgba(255, 255, 255, .86);
}

.professional-services h1,
.professional-services h2,
.professional-services h3,
.supervision-section h1,
.supervision-section h2,
.supervision-section h3,
.final-cta-section h1,
.final-cta-section h2,
.final-cta-section h3,
.profile-final h1,
.profile-final h2,
.profile-final h3,
.banner h1,
.banner h2,
.banner h3 {
  color: #fff !important;
}

.professional-services p,
.supervision-section p,
.final-cta-section p,
.profile-final p,
.banner p {
  color: rgba(255, 255, 255, .82);
}

.professional-services .eyebrow,
.supervision-section .eyebrow,
.final-cta-section .eyebrow,
.profile-final .eyebrow {
  color: #d7a68f;
}

/* Footer already uses an intentional inverse palette. */
.footer,
.footer p,
.footer a,
.footer li {
  color: rgba(255, 255, 255, .82);
}

.footer h3,
.footer .brand,
.footer .brand-name {
  color: #fff;
}
