/* ════════════════════════════════════════════════════════════════════
   Zajuga · Public-page theme overrides
   Scoped to body.public-page only. Cockpit/dashboard surfaces are NOT
   affected — their existing palette and doctrine stay intact.
   ────────────────────────────────────────────────────────────────────
   Palette swap:
     #0a0a0a  → #1a1817  (warm near-black background)
     blood-red secondary uses → #7a9b76 (sage green)
     red crisis bars → #c66a4a (terracotta)
     #f5f5f5 → #f5f3ee (warm white body text)
     primary gold #d4a574 stays unchanged
     dusty rose-gold #e8c8a0 introduced for poetic accents
   ──────────────────────────────────────────────────────────────────── */

body.public-page {
  /* Sitewide flip May 8 PM · default becomes white+black+sage.
     --burgundy/--cream/--charcoal kept (rhythm sections + auth-legacy use these).
     --gold kept for luxury accents. */
  --bg:               #FFFFFF;
  --bg-deep:          #F5F8F5;
  --bg-panel:         #FFFFFF;
  --text:             #000000;
  --text-secondary:   #4A4A4A;
  --text-tertiary:    #6B6B6B;
  --text-primary:     #000000;
  --gold:             #d4a574;
  --gold-bright:      #e8c282;
  --gold-d:           #A8842B;   /* deeper mustard — for gold-on-white contrast */
  --doctrine:         #e8c8a0;
  --secondary:        #7a9b76;
  --sage:             #7a9b76;
  --crisis:           #c66a4a;
  --line-mid:         rgba(0,0,0,0.12);
  --burgundy:         #5a3a35;   /* kept — rhythm sections */
  --burgundy-l:       #7a5550;
  --cream:            #f5f3ee;   /* kept — text inside rhythm sections */
  --cream-d:          rgba(245,243,238,0.85);
  --charcoal:         #1a1817;   /* kept — Three Doors + other auto-preserved */
  --charcoal-l:       #221e1c;
  --bg-black:         #FFFFFF;   /* legacy alias → now white */
}

/* Background + body color overrides */
body.public-page,
body.public-page html {
  background: var(--bg) !important;
  color: var(--text) !important;
}

/* Hero / heroes that previously used burgundy backgrounds get the warm bg */
body.public-page .hero {
  background: var(--bg) !important;
}

/* Crisis banner — terracotta on public surfaces only */
body.public-page .crisis-bar {
  background: rgba(198,106,74,0.10) !important;
  border-color: rgba(198,106,74,0.35) !important;
  color: var(--text-secondary) !important;
}
body.public-page .crisis-bar a {
  color: var(--crisis) !important;
}
body.public-page .crisis-dot {
  background: var(--crisis) !important;
  box-shadow: 0 0 12px rgba(198,106,74,0.50) !important;
}

/* Auth shell + cards */
body.public-page.auth-page {
  background: var(--bg) !important;
}
body.public-page .auth-card {
  background: var(--bg-panel) !important;
  border-color: var(--line-mid) !important;
}
body.public-page .auth-logo,
body.public-page .auth-tagline {
  color: var(--text) !important;
}

/* Sage replaces blood-red secondary uses */
body.public-page .door-1,
body.public-page .door-3 {
  border-left-color: var(--sage) !important;
}
body.public-page .door-1:hover,
body.public-page .door-3:hover {
  box-shadow: 0 24px 60px rgba(122,155,118,0.22) !important;
}
body.public-page .door-1 .door-tag,
body.public-page .door-3 .door-tag {
  color: var(--sage) !important;
}
body.public-page .door-1 .door-sub,
body.public-page .door-3 .door-sub {
  color: var(--burgundy-l) !important;
}
body.public-page .door-1 .door-badge,
body.public-page .door-3 .door-badge {
  background: var(--sage) !important;
  color: var(--cream) !important;
}
body.public-page .door-2 .door-badge {
  background: var(--gold) !important;
  color: var(--bg-deep) !important;
}

/* Doctrine accents — dusty rose-gold for poetic lines */
body.public-page .hero-tag,
body.public-page .doors-sub {
  color: var(--doctrine) !important;
}

/* Dashboard access link — sage, no background, underline on hover */
.dash-link {
  display: inline-block;
  color: var(--sage, #7a9b76);
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.08em;
  padding: 8px 14px;
  border-radius: 4px;
  transition: opacity 0.15s ease;
}
.dash-link:hover,
.dash-link:focus-visible {
  text-decoration: underline;
  opacity: 0.85;
  outline: none;
}
.dash-link[hidden] {
  display: none !important;
}
.dash-link-fixed {
  position: fixed;
  top: 18px;
  right: 24px;
  z-index: 50;
  background: rgba(26,24,23,0.72);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* Floating left nav (under ZAJUGA logo). Visible to all visitors;
   the dashboard link's target swaps based on auth state in JS. */
.dash-nav-left {
  position: fixed;
  top: 64px;
  left: 24px;
  z-index: 50;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 8px 12px;
  background: rgba(26,24,23,0.72);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-radius: 6px;
  border: 1px solid rgba(245,243,238,0.08);
}
.dash-nav-left .dash-link {
  display: block;
  font-size: 14px;
  font-weight: 400;
  padding: 4px 6px;
  letter-spacing: 0.04em;
  color: #7a9b76;
}
.dash-nav-left .dash-link:hover { text-decoration: underline; }
.dash-nav-left[hidden] { display: none !important; }
/* v6.3.2 bug 2: keep member nav visible on mobile (was hidden < 768px).
   Compact + repositioned so it doesn't clash with the main top nav. */
@media (max-width: 768px) {
  .dash-nav-left {
    display: flex;
    top: auto;
    bottom: 16px;
    left: 12px;
    right: 12px;
    flex-direction: row;
    gap: 14px;
    justify-content: center;
    padding: 8px 12px;
    background: rgba(26,24,23,0.85);
    border: 1px solid rgba(212,165,116,0.20);
  }
  .dash-nav-left .dash-link {
    font-size: 13px;
    padding: 6px 8px;
    white-space: nowrap;
  }
}

/* ════════════════════════════════════════════════════════════════════
   Spring palette · master patch May 8 (ADDITIVE)
   New tokens at :root — non-public pages (e.g. /coci-sources, /reset
   shell) pick these up directly. Existing body.public-page tokens are
   left intact for the dark theme used by index/login/signup/auth pages.
   To opt a section on a body.public-page surface INTO spring, wrap it
   in .spring-zone (or apply .spring-zone to a region wrapper).
   ──────────────────────────────────────────────────────────────────── */
:root {
  --bg-primary:           #FFFFFF;
  --bg-secondary:         #F5F8F5;
  --bg-tertiary:          #E8F0E8;
  --accent-primary:       #A8C9A8;
  --accent-deep:          #4A6B4A;
  --accent-text-on-sage:  #1A2E1A;
  --border-primary:       #D0DDD0;
  --border-secondary:     #B5C9B5;
  /* Note: --text-primary/--text-secondary/--text-tertiary already exist on
     body.public-page with dark values. Spring text colors are scoped to
     .spring-zone below to avoid clobbering existing dark consumers. */
}

body.public-page .spring-zone,
.spring-zone {
  --text-primary:   #000000;
  --text-secondary: #4A4A4A;
  --text-tertiary:  #6B6B6B;
  --bg-primary:     #FFFFFF;
  --bg-secondary:   #F5F8F5;
  --bg-tertiary:    #E8F0E8;
  background: var(--bg-primary);
  color: var(--text-primary);
}

/* ════════════════════════════════════════════════════════════════════
   Sitewide flip · chrome contrast tune (May 8 PM)
   Nav previously assumed dark hero behind it (cream-on-dark). The hero
   is now white, so nav text must flip to black with gold-deep hover.
   Footer is preserved dark (--charcoal kept), so its gold/cream text
   remains correct without overrides.
   ──────────────────────────────────────────────────────────────────── */
body.public-page .nav-logo {
  color: #000000 !important;
}
body.public-page .nav-links a {
  color: #000000 !important;
}
body.public-page .nav-links a:hover {
  color: var(--gold-d, #A8842B) !important;
}
body.public-page .nav-toggle {
  color: #000000 !important;
}
body.public-page .nav.scrolled {
  background: rgba(255,255,255,0.95) !important;
  border-bottom-color: rgba(0,0,0,0.08) !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
}
body.public-page .nav-audio {
  border-color: rgba(0,0,0,0.18) !important;
  color: #000000 !important;
}
body.public-page .nav-audio:hover {
  border-color: var(--gold-d, #A8842B) !important;
  color: var(--gold-d, #A8842B) !important;
}

/* Dropdown menu — was rgba black panel with cream items; flip to white panel */
body.public-page .nav-dd-menu {
  background: rgba(255,255,255,0.98) !important;
  border-color: rgba(0,0,0,0.10) !important;
  border-top-color: var(--gold, #d4a574) !important;
}
body.public-page .nav-dd-menu a {
  color: #000000 !important;
}
body.public-page .nav-dd-menu a:hover {
  background: rgba(212,168,87,0.10) !important;
  color: var(--gold-d, #A8842B) !important;
}

/* Auth-page label.on-dark and field-dark — these are on now-white surfaces. */
body.public-page label.on-dark {
  color: var(--gold-d, #A8842B) !important;
}
body.public-page .field-dark {
  background: rgba(0,0,0,0.04) !important;
  border-color: rgba(0,0,0,0.18) !important;
  color: #000000 !important;
}
body.public-page .field-dark::placeholder {
  color: #6B6B6B !important;
}

/* ════════════════════════════════════════════════════════════════════
   Sitewide Final · brown elimination — footer + voices + founder-note
   (master patch May 8 evening)
   ──────────────────────────────────────────────────────────────────── */

/* Footer → WHITE + black text + muted disclaim. Was --charcoal + cream. */
body.public-page .footer {
  background: #FFFFFF !important;
  color: #000000 !important;
  border-top: 1px solid #8AB58A !important;
}
body.public-page .footer-brand { color: #000000 !important; }
body.public-page .footer-tag { color: #4A4A4A !important; opacity: 1 !important; }
body.public-page .footer-col h4 { color: #A8842B !important; }
body.public-page .footer-col a { color: #000000 !important; opacity: 0.85 !important; }
body.public-page .footer-col a:hover { color: #A8842B !important; opacity: 1 !important; }
body.public-page .footer-email input {
  background: #F5F8F5 !important;
  border-color: #8AB58A !important;
  color: #000000 !important;
}
body.public-page .footer-email button {
  background: var(--gold, #d4a574) !important;
  color: #000000 !important;
}
body.public-page .footer-disclaim,
body.public-page .footer-bottom,
body.public-page .footer-legal {
  color: #6B6B6B !important;
  font-style: italic;
  font-size: 12px;
}
body.public-page .footer-disclaim a,
body.public-page .footer-bottom a {
  color: #4A6B4A !important;
}

/* Voices testimonials → LIGHT SAGE bg with white cards. Was cream. */
body.public-page .voices {
  background: #A8C9A8 !important;
}
body.public-page .voices-h {
  color: #000000 !important;
}
body.public-page .voices-h em {
  color: #4A6B4A !important;
}
body.public-page .voice-card {
  background: #FFFFFF !important;
  border: 1px solid #8AB58A !important;
  border-top: 3px solid #A8842B !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 24px rgba(74,107,74,0.12) !important;
  transition: transform 0.3s, box-shadow 0.3s !important;
}
body.public-page .voice-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 16px 32px rgba(74,107,74,0.18) !important;
}
body.public-page .voice-card * {
  color: #000000 !important;
}
body.public-page .voice-card .voice-meta,
body.public-page .voice-card .voice-attr,
body.public-page .voice-card .voice-eyebrow {
  color: #A8842B !important;
}

/* Founder note → WHITE. Was #f5f3ee cream. */
body.public-page .founder-note {
  background: #FFFFFF !important;
  color: #000000 !important;
  border-top: 1px solid #8AB58A !important;
  border-bottom: 1px solid #8AB58A !important;
}
body.public-page .fn-eyebrow,
body.public-page .fn-sign {
  color: #A8842B !important;
}
body.public-page .fn-p { color: #000000 !important; }
body.public-page .fn-final { color: #000000 !important; }

/* Tagline band remains white — ensure stays light if any --bg consumer */
body.public-page section.v8-tagline-band {
  background: #FFFFFF !important;
  border-bottom: 1px solid #8AB58A;
}

/* ════════════════════════════════════════════════════════════════════
   Sub-page sweep · /coci  (master patch May 8 evening)
   White ↔ light-sage rhythm. Hero white, pillars sage with white cards,
   pricing white, coci-voices sage with white voice cards, final white.
   ──────────────────────────────────────────────────────────────────── */
body.public-page section.hero {
  /* Sub-page hero default → WHITE (homepage hero is overridden by its own
     inline !important block, which still wins). */
  background: #FFFFFF !important;
  color: #000000 !important;
  border-bottom: 1px solid #8AB58A !important;
}
body.public-page section.hero::before {
  display: none !important;
}
body.public-page section.hero .hero-crumb {
  color: #A8842B !important;
}
body.public-page section.hero .hero-crumb a {
  color: #4A4A4A !important;
}
body.public-page section.hero .hero-h1 {
  color: #000000 !important;
}
body.public-page section.hero .hero-h1 em {
  color: #A8842B !important;
  font-style: italic !important;
}
body.public-page section.hero .hero-tag {
  color: #4A4A4A !important;
}

/* Pillars (coci.html) → LIGHT SAGE bg + WHITE pillar cards */
body.public-page section.pillars {
  background: #A8C9A8 !important;
}
body.public-page section.pillars .pillars-h {
  color: #000000 !important;
}
body.public-page section.pillars .pillars-h em {
  color: #4A6B4A !important;
  font-style: italic !important;
}
body.public-page section.pillars .pillars-sub {
  color: #4A4A4A !important;
  opacity: 1 !important;
}
body.public-page section.pillars .pillar-card {
  background: #FFFFFF !important;
  border: 1px solid #8AB58A !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 24px rgba(74,107,74,0.10) !important;
  color: #000000 !important;
}
body.public-page section.pillars .pillar-num {
  color: #A8842B !important;
}
body.public-page section.pillars .pillar-h {
  color: #000000 !important;
}
body.public-page section.pillars .pillar-body {
  color: #4A4A4A !important;
}

/* Pricing (coci.html) → WHITE bg, sage card hairlines */
body.public-page section.pricing {
  background: #FFFFFF !important;
}
body.public-page section.pricing .pricing-h {
  color: #000000 !important;
}
body.public-page section.pricing .pricing-sub {
  color: #4A4A4A !important;
  opacity: 1 !important;
}
body.public-page .pcard {
  background: #FFFFFF !important;
  border: 1px solid #8AB58A !important;
  border-top: 4px solid #A8842B !important;
  border-radius: 12px !important;
  color: #000000 !important;
}
body.public-page .pcard.featured {
  background: #F5F8F5 !important;
  border-top-color: #4A6B4A !important;
  color: #000000 !important;
}
body.public-page .pcard.featured .pcard-price,
body.public-page .pcard.featured .pcard-h {
  color: #A8842B !important;
}
body.public-page .pcard.featured .pcard-body,
body.public-page .pcard.featured .pcard-list li {
  color: #000000 !important;
}
body.public-page .pcard-h { color: #000000 !important; }
body.public-page .pcard-price { color: #A8842B !important; }
body.public-page .pcard-per { color: #6B6B6B !important; }
body.public-page .pcard-body, body.public-page .pcard-list li { color: #000000 !important; }
body.public-page .pcard-lane { color: #A8842B !important; }
body.public-page .pcard.featured .pcard-lane { color: #4A6B4A !important; }
body.public-page .pcard-badge { background: #A8842B !important; color: #FFFFFF !important; }
body.public-page .pcard.featured .pcard-badge { background: #4A6B4A !important; color: #FFFFFF !important; }
body.public-page .pcard-cta {
  background: #4A6B4A !important;
  color: #FFFFFF !important;
}
body.public-page .pcard-cta:hover {
  background: #1A2E1A !important;
}
body.public-page .pcard.featured .pcard-cta {
  background: var(--gold, #d4a574) !important;
  color: #000000 !important;
}

/* COCI voices (coci.html) → LIGHT SAGE bg with white voice cards */
body.public-page section.coci-voices {
  background: #A8C9A8 !important;
  color: #000000 !important;
}
body.public-page section.coci-voices .coci-voices-h {
  color: #000000 !important;
}
body.public-page section.coci-voices .coci-voices-h em {
  color: #4A6B4A !important;
  font-style: italic !important;
}

/* Final (coci.html) → WHITE bg */
body.public-page section.final {
  background: #FFFFFF !important;
}
body.public-page section.final * {
  color: inherit;
}
body.public-page section.final h1,
body.public-page section.final h2,
body.public-page section.final h3,
body.public-page section.final p {
  color: #000000 !important;
}
body.public-page section.final em {
  color: #A8842B !important;
  font-style: italic !important;
}

/* COCI listen anchor (between pillars and pricing) → WHITE */
body.public-page section.coci-listen-anchor {
  background: #FFFFFF !important;
  color: #000000 !important;
}

/* ════════════════════════════════════════════════════════════════════
   Sub-page sweep · /marketplace
   Hero white, HIW sage, Zroom white (with sage card), Cats sage,
   Coaches white, Split alternating sage/white.
   ──────────────────────────────────────────────────────────────────── */

/* HIW (How It Works) → LIGHT SAGE */
body.public-page section.hiw {
  background: #A8C9A8 !important;
}
body.public-page section.hiw .hiw-block-h {
  color: #000000 !important;
}
body.public-page section.hiw .hiw-block p {
  color: #4A4A4A !important;
}
body.public-page section.hiw .hiw-recordings-line {
  color: #1A2E1A !important;
}

/* Zroom flagship → WHITE bg, sage-bordered card */
body.public-page section.zroom {
  background: #FFFFFF !important;
}
body.public-page section.zroom::before { display: none !important; }
body.public-page .zroom-card {
  background: #F5F8F5 !important;
  border: 2px solid #4A6B4A !important;
  color: #000000 !important;
  box-shadow: 0 24px 48px rgba(74,107,74,0.18) !important;
}
body.public-page .zroom-card * {
  color: inherit;
}
body.public-page .zroom-card h2,
body.public-page .zroom-card h3 {
  color: #000000 !important;
}
body.public-page .zroom-card p {
  color: #4A4A4A !important;
}
body.public-page .zroom-card em {
  color: #A8842B !important;
  font-style: italic !important;
}
body.public-page .zroom-cta {
  background: var(--gold, #d4a574) !important;
  color: #000000 !important;
}
body.public-page .zroom-cta:hover {
  background: #c89525 !important;
  color: #000000 !important;
}

/* Cats (categories) → LIGHT SAGE */
body.public-page section.cats {
  background: #A8C9A8 !important;
  color: #000000 !important;
}
body.public-page section.cats h2,
body.public-page section.cats h3,
body.public-page section.cats .cats-h {
  color: #000000 !important;
}
body.public-page section.cats em,
body.public-page section.cats .cats-h em {
  color: #4A6B4A !important;
  font-style: italic !important;
}
body.public-page section.cats .cats-prose {
  color: #4A4A4A !important;
  opacity: 1 !important;
}
body.public-page section.cats .cats-cta-line {
  color: #1A2E1A !important;
  opacity: 1 !important;
}

/* Marketplace 8-card grid (.cat-tile) — white cards on sage section,
   black title + body, gold-deep "Read more" cue, sage hairline border. */
body.public-page section.cats .cat-tile {
  background: #FFFFFF !important;
  border: 1px solid #8AB58A !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 24px rgba(74,107,74,0.10) !important;
}
body.public-page section.cats .cat-tile:hover {
  background: #F5F8F5 !important;
  border-color: #4A6B4A !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 32px rgba(74,107,74,0.18) !important;
}
body.public-page section.cats .cat-tile .cat-name {
  color: #000000 !important;
}
body.public-page section.cats .cat-tile .cat-short {
  color: #4A4A4A !important;
  opacity: 1 !important;
}
body.public-page section.cats .cat-tile:hover .cat-short {
  color: #4A4A4A !important;
  opacity: 1 !important;
}
body.public-page section.cats .cat-tile .cat-cue {
  color: #A8842B !important;
  opacity: 1 !important;
}

/* "Start The Reset · $27 →" buttons — were burgundy-on-cream now invisible
   sage-on-sage. Force solid deep sage with white text, max contrast CTA. */
body.public-page .zroom-cta-primary,
body.public-page .catm-cta-primary {
  background: #4A6B4A !important;
  color: #FFFFFF !important;
  border-color: #4A6B4A !important;
}
body.public-page .zroom-cta-primary:hover,
body.public-page .catm-cta-primary:hover {
  background: #1A2E1A !important;
  color: #FFFFFF !important;
  border-color: #1A2E1A !important;
}
body.public-page .zroom-cta-secondary,
body.public-page .catm-cta-secondary {
  background: transparent !important;
  color: #A8842B !important;
  border-color: #A8842B !important;
}
body.public-page .zroom-cta-secondary:hover,
body.public-page .catm-cta-secondary:hover {
  background: rgba(168,132,43,0.10) !important;
  color: #1A2E1A !important;
  border-color: #4A6B4A !important;
}

/* Room modal (.catm-card) on top of overlay — flip from charcoal+gold to
   white card with black text on a darkened backdrop (overlay stays dark
   for focus). */
body.public-page .catm-card {
  background: #FFFFFF !important;
  border: 1px solid #4A6B4A !important;
  color: #000000 !important;
  box-shadow: 0 30px 80px rgba(0,0,0,0.45) !important;
}
body.public-page .catm-eyebrow {
  color: #A8842B !important;
}
body.public-page .catm-title {
  color: #000000 !important;
}
body.public-page .catm-body {
  color: #4A4A4A !important;
}
body.public-page .catm-body p.catm-room-line {
  color: #000000 !important;
}
body.public-page .catm-close {
  color: #000000 !important;
  border-color: #8AB58A !important;
}
body.public-page .catm-close:hover {
  background: #E8F0E8 !important;
  border-color: #4A6B4A !important;
}

/* Coaches → WHITE */
body.public-page section.coaches {
  background: #FFFFFF !important;
}
body.public-page section.coaches h2,
body.public-page section.coaches h3 {
  color: #000000 !important;
}
body.public-page section.coaches em {
  color: #A8842B !important;
  font-style: italic !important;
}
body.public-page section.coaches p {
  color: #4A4A4A !important;
}
body.public-page .coaches-placeholder-cta {
  background: #4A6B4A !important;
  color: #FFFFFF !important;
}
body.public-page .coaches-placeholder-cta:hover {
  background: #1A2E1A !important;
}

/* Split (member/coach two-pane) → alternating sage / white */
body.public-page section.split {
  background: #FFFFFF !important;
}
body.public-page .split-member {
  background: #A8C9A8 !important;
  color: #000000 !important;
}
body.public-page .split-coach {
  background: #F5F8F5 !important;
  color: #000000 !important;
  border-left: 1px solid #8AB58A;
}
body.public-page .split-member *,
body.public-page .split-coach * {
  color: inherit;
}
body.public-page .split-member h2,
body.public-page .split-coach h2,
body.public-page .split-member h3,
body.public-page .split-coach h3 {
  color: #000000 !important;
}
body.public-page .split-member em,
body.public-page .split-coach em {
  color: #A8842B !important;
  font-style: italic !important;
}
body.public-page .split-member p,
body.public-page .split-coach p {
  color: #4A4A4A !important;
}

/* ════════════════════════════════════════════════════════════════════
   Sub-page sweep · /retreats
   R-hero white, hub-section sage with white cards, hub-companies white.
   ──────────────────────────────────────────────────────────────────── */

/* Retreat hero (.r-hero) → WHITE bg, GOLD italic "Retreats", charcoal subhead */
body.public-page section.r-hero {
  background: #FFFFFF !important;
  color: #000000 !important;
  border-bottom: 1px solid #8AB58A !important;
}
body.public-page section.r-hero::before {
  display: none !important;
}
body.public-page section.r-hero .r-crumb {
  color: #A8842B !important;
}
body.public-page section.r-hero .r-crumb a {
  color: #4A4A4A !important;
}
body.public-page section.r-hero .r-eyebrow {
  color: #4A6B4A !important;
}
body.public-page section.r-hero .r-title {
  color: #000000 !important;
}
body.public-page section.r-hero .r-title em {
  color: #A8842B !important;
  font-style: italic !important;
}
body.public-page section.r-hero .r-tag {
  color: #4A4A4A !important;
}

/* Hub section (retreats grid) → LIGHT SAGE bg with WHITE hub-cards */
body.public-page section.hub-section {
  background: #A8C9A8 !important;
}
body.public-page .hub-card {
  background: #FFFFFF !important;
  border: 1px solid #8AB58A !important;
  border-radius: 12px !important;
  color: #000000 !important;
  box-shadow: 0 8px 24px rgba(74,107,74,0.10) !important;
}
body.public-page .hub-card:hover {
  border-color: #4A6B4A !important;
  box-shadow: 0 16px 32px rgba(74,107,74,0.18) !important;
}
body.public-page .hub-card-tag {
  color: #A8842B !important;
}
body.public-page .hub-card-title {
  color: #000000 !important;
}
body.public-page .hub-card-tagline {
  color: #A8842B !important;
}
body.public-page .hub-card-body {
  color: #4A4A4A !important;
  opacity: 1 !important;
}
body.public-page .hub-card-cta {
  color: #4A6B4A !important;
}

/* Hub companies (retreats footer band) → WHITE */
body.public-page section.hub-companies {
  background: #FFFFFF !important;
  color: #000000 !important;
  border-top: 1px solid #8AB58A !important;
}
body.public-page section.hub-companies::before {
  display: none !important;
}
body.public-page section.hub-companies h2 {
  color: #000000 !important;
}
body.public-page section.hub-companies h2 em {
  color: #A8842B !important;
  font-style: italic !important;
}
body.public-page section.hub-companies p {
  color: #4A4A4A !important;
  opacity: 1 !important;
}

/* ════════════════════════════════════════════════════════════════════
   Sub-page sweep · /for-companies
   Biz-hero white, alternating r-prose / r-prose-dark / r-details / biz-cta.
   ──────────────────────────────────────────────────────────────────── */

/* Biz-hero → WHITE */
body.public-page section.biz-hero {
  background: #FFFFFF !important;
  color: #000000 !important;
  border-bottom: 1px solid #8AB58A !important;
}
body.public-page section.biz-hero::before {
  display: none !important;
}
body.public-page section.biz-hero .r-crumb {
  color: #A8842B !important;
}
body.public-page section.biz-hero .r-crumb a {
  color: #4A4A4A !important;
}
body.public-page section.biz-hero .r-eyebrow {
  color: #4A6B4A !important;
}
body.public-page section.biz-hero .r-title {
  color: #000000 !important;
}
body.public-page section.biz-hero .r-title em {
  color: #A8842B !important;
  font-style: italic !important;
}
body.public-page section.biz-hero .r-tag {
  color: #4A4A4A !important;
}

/* R-prose (was cream → already light, ensure full white) */
body.public-page section.r-prose {
  background: #FFFFFF !important;
  color: #000000 !important;
}
body.public-page section.r-prose .r-h2 {
  color: #000000 !important;
}
body.public-page section.r-prose .r-h2 em {
  color: #A8842B !important;
  font-style: italic !important;
}
body.public-page section.r-prose p {
  color: #000000 !important;
}

/* R-prose-dark (was charcoal) → LIGHT SAGE */
body.public-page section.r-prose-dark {
  background: #A8C9A8 !important;
  color: #000000 !important;
}
body.public-page section.r-prose-dark .r-h2 {
  color: #000000 !important;
}
body.public-page section.r-prose-dark .r-h2 em {
  color: #4A6B4A !important;
  font-style: italic !important;
}
body.public-page section.r-prose-dark p {
  color: #000000 !important;
  opacity: 1 !important;
}

/* R-prose-burgundy (was burgundy) → WHITE */
body.public-page section.r-prose-burgundy {
  background: #FFFFFF !important;
  color: #000000 !important;
  border-top: 1px solid #8AB58A !important;
  border-bottom: 1px solid #8AB58A !important;
}
body.public-page section.r-prose-burgundy .r-h2 {
  color: #000000 !important;
}
body.public-page section.r-prose-burgundy .r-h2 em {
  color: #A8842B !important;
  font-style: italic !important;
}
body.public-page section.r-prose-burgundy p {
  color: #000000 !important;
  opacity: 1 !important;
}

/* R-details → LIGHT SAGE */
body.public-page section.r-details {
  background: #A8C9A8 !important;
  color: #000000 !important;
}
body.public-page section.r-details h2,
body.public-page section.r-details h3 {
  color: #000000 !important;
}
body.public-page section.r-details em {
  color: #4A6B4A !important;
  font-style: italic !important;
}
body.public-page section.r-details p,
body.public-page section.r-details li {
  color: #000000 !important;
}

/* /for-companies bullet lists — three sections share the legacy
   .r-prose / .r-prose-dark / .r-prose-burgundy ul li rule which
   pulled var(--cream-d) and used a gold marker (invisible on light
   bg). Force black text + deep sage marker + larger size. */
body.public-page section.r-prose ul li,
body.public-page section.r-prose-dark ul li,
body.public-page section.r-prose-burgundy ul li,
body.public-page section.r-details ul li {
  color: #000000 !important;
  font-size: 19px !important;
  line-height: 1.7 !important;
  border-bottom: 1px solid rgba(74,107,74,0.18) !important;
  opacity: 1 !important;
}
body.public-page section.r-prose ul li::before,
body.public-page section.r-prose-dark ul li::before,
body.public-page section.r-prose-burgundy ul li::before,
body.public-page section.r-details ul li::before {
  background: #4A6B4A !important;
}
/* .r-pull (italic vacation-doesn't-fix-this style block) — gold-deep
   on either bg works, but ensure not washed-out cream. */
body.public-page section.r-prose .r-pull,
body.public-page section.r-prose-dark .r-pull,
body.public-page section.r-prose-burgundy .r-pull {
  color: #A8842B !important;
  border-top-color: rgba(74,107,74,0.30) !important;
}

/* Biz-cta (was burgundy) → WHITE with sage card */
body.public-page section.biz-cta {
  background: #FFFFFF !important;
  color: #000000 !important;
  border-top: 1px solid #8AB58A !important;
}
body.public-page section.biz-cta::before {
  display: none !important;
}
body.public-page section.biz-cta h2 {
  color: #000000 !important;
}
body.public-page section.biz-cta h2 em {
  color: #A8842B !important;
  font-style: italic !important;
}
body.public-page section.biz-cta p {
  color: #4A4A4A !important;
  opacity: 1 !important;
}
body.public-page .biz-email {
  color: #4A4A4A !important;
  opacity: 1 !important;
}
body.public-page .biz-email a {
  color: #A8842B !important;
}

/* ════════════════════════════════════════════════════════════════════
   Sub-page sweep · /contact
   C-hero white, c-body sage with white form card, gold-deep email link.
   ──────────────────────────────────────────────────────────────────── */

/* C-hero (was burgundy) → WHITE */
body.public-page section.c-hero {
  background: #FFFFFF !important;
  color: #000000 !important;
  border-bottom: 1px solid #8AB58A !important;
}
body.public-page section.c-hero::before {
  display: none !important;
}
body.public-page .c-hero-crumb {
  color: #A8842B !important;
}
body.public-page .c-hero-crumb a {
  color: #4A4A4A !important;
}
body.public-page .c-hero-h1 {
  color: #000000 !important;
}
body.public-page .c-hero-h1 em {
  color: #A8842B !important;
  font-style: italic !important;
}
body.public-page .c-hero-sub {
  color: #4A4A4A !important;
  font-style: italic;
}

/* C-body (was cream) → LIGHT SAGE bg with WHITE form card */
body.public-page section.c-body {
  background: #A8C9A8 !important;
  color: #000000 !important;
}
body.public-page .c-direct {
  color: #000000 !important;
}
body.public-page .c-direct a {
  color: #A8842B !important;
  border-bottom: 1px solid #A8842B !important;
}
body.public-page .c-form {
  background: #FFFFFF !important;
  border: 1px solid #8AB58A !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 32px rgba(74,107,74,0.14) !important;
  color: #000000 !important;
}
body.public-page .c-form label,
body.public-page .c-form .req {
  color: #000000 !important;
}
body.public-page .c-form input,
body.public-page .c-form textarea,
body.public-page .c-form select {
  background: #F5F8F5 !important;
  border: 1px solid #8AB58A !important;
  color: #000000 !important;
}
body.public-page .c-form input::placeholder,
body.public-page .c-form textarea::placeholder {
  color: #6B6B6B !important;
}
body.public-page .c-form input:focus,
body.public-page .c-form textarea:focus,
body.public-page .c-form select:focus {
  border-color: #4A6B4A !important;
  outline: 2px solid rgba(74,107,74,0.18);
}
body.public-page .c-form-submit {
  background: #4A6B4A !important;
  color: #FFFFFF !important;
  border: none !important;
}
body.public-page .c-form-submit:hover {
  background: #1A2E1A !important;
}
body.public-page .c-form-msg {
  color: #4A4A4A !important;
}
body.public-page .c-thanks {
  color: #000000 !important;
}

/* ════════════════════════════════════════════════════════════════════
   Sub-page sweep · /disclaimer
   D-hero white, d-body alternating with sage opening pull-quote.
   ──────────────────────────────────────────────────────────────────── */
body.public-page section.d-hero {
  background: #FFFFFF !important;
  color: #000000 !important;
  border-bottom: 1px solid #8AB58A !important;
}
body.public-page section.d-hero::before { display: none !important; }
body.public-page .d-hero-eyebrow { color: #A8842B !important; }
body.public-page .d-hero-h1 { color: #000000 !important; }
body.public-page .d-hero-h1 em { color: #A8842B !important; font-style: italic !important; }
body.public-page .d-hero-sub { color: #4A4A4A !important; }

body.public-page section.d-body {
  background: #FFFFFF !important;
  color: #000000 !important;
}
body.public-page .d-opening {
  background: #A8C9A8 !important;
  color: #000000 !important;
  border-left: 3px solid #A8842B !important;
  padding: 24px 24px 24px 28px !important;
  border-radius: 4px;
}
body.public-page .d-h2 { color: #000000 !important; }
body.public-page .d-h2-eyebrow { color: #A8842B !important; }
body.public-page .d-p { color: #000000 !important; }
body.public-page .d-list li { color: #000000 !important; }
body.public-page .d-list li::before { background: #4A6B4A !important; }
body.public-page .d-crisis-box {
  background: #F5F8F5 !important;
  border-left: 4px solid #A8842B !important;
  box-shadow: 0 8px 24px rgba(74,107,74,0.10) !important;
}
body.public-page .d-crisis-box .d-p { color: #000000 !important; }

/* ════════════════════════════════════════════════════════════════════
   Sub-page sweep · /careers
   Cr-hero white, cr-body sage with white form card.
   ──────────────────────────────────────────────────────────────────── */
body.public-page section.cr-hero {
  background: #FFFFFF !important;
  color: #000000 !important;
  border-bottom: 1px solid #8AB58A !important;
}
body.public-page section.cr-hero::before { display: none !important; }
body.public-page .cr-eyebrow { color: #A8842B !important; }
body.public-page .cr-h1 { color: #000000 !important; }
body.public-page .cr-h1 em { color: #A8842B !important; font-style: italic !important; }
body.public-page .cr-sub { color: #4A4A4A !important; }

body.public-page section.cr-body {
  background: #A8C9A8 !important;
  color: #000000 !important;
}
body.public-page .cr-p { color: #000000 !important; }
body.public-page .cr-p a {
  color: #A8842B !important;
  border-bottom: 1px solid #A8842B !important;
  font-weight: 600;
}
body.public-page .cr-p a:hover {
  color: #1A2E1A !important;
}
body.public-page .cr-form-card {
  background: #FFFFFF !important;
  border: 1px solid #8AB58A !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 32px rgba(74,107,74,0.14) !important;
  color: #000000 !important;
}
body.public-page .cr-form-h { color: #000000 !important; }
body.public-page .cr-form input {
  background: #F5F8F5 !important;
  border: 1px solid #8AB58A !important;
  color: #000000 !important;
}
body.public-page .cr-form input::placeholder { color: #6B6B6B !important; }
body.public-page .cr-form button {
  background: #4A6B4A !important;
  color: #FFFFFF !important;
}
body.public-page .cr-form button:hover { background: #1A2E1A !important; }
body.public-page .cr-msg { color: #4A4A4A !important; }

/* ════════════════════════════════════════════════════════════════════
   Sub-page sweep · /meet-the-team + /about (shared .article styling)
   Article surface white, alternating sage on featured cards/blocks.
   ──────────────────────────────────────────────────────────────────── */
body.public-page article.article {
  background: #FFFFFF !important;
  color: #000000 !important;
}
body.public-page article.article .article-crumb {
  color: #A8842B !important;
}
body.public-page article.article .article-crumb a {
  color: #4A4A4A !important;
}
body.public-page article.article h1 {
  color: #000000 !important;
}
body.public-page article.article h1 span,
body.public-page article.article h1 em {
  color: #A8842B !important;
}
body.public-page article.article .article-sub {
  color: #4A4A4A !important;
  font-style: italic;
}
body.public-page article.article h2 {
  color: #000000 !important;
  border-top: 1px solid #8AB58A;
  padding-top: 24px;
}
body.public-page article.article p {
  color: #000000 !important;
}
body.public-page article.article p strong {
  color: #000000 !important;
}
/* "Pain → Power → Purpose™" emphasis on /about */
body.public-page article.article p strong[style*="burgundy"] {
  color: #4A6B4A !important;
}
body.public-page article.article ul li {
  color: #000000 !important;
}
body.public-page article.article ul li::before {
  background: #4A6B4A !important;
}
body.public-page article.article ul li strong {
  color: #000000 !important;
}
/* Email + apply links inside article */
body.public-page article.article a[href^="mailto"],
body.public-page article.article a[href^="/coach-apply"],
body.public-page article.article a[href^="/careers"] {
  color: #A8842B !important;
  border-bottom: 1px solid #A8842B !important;
  font-weight: 600;
}
body.public-page article.article a[href^="mailto"]:hover,
body.public-page article.article a[href^="/coach-apply"]:hover {
  color: #1A2E1A !important;
}
/* /about inline "Want to bring Zajuga to your team?" card → SAGE panel */
body.public-page article.article > div[style*="background:#fff"] {
  background: #A8C9A8 !important;
  border-top: 3px solid #A8842B !important;
}
body.public-page article.article > div[style*="background:#fff"] p {
  color: #000000 !important;
}
body.public-page article.article > div[style*="background:#fff"] p[style*="italic"] {
  color: #1A2E1A !important;
}
body.public-page article.article .btn,
body.public-page article.article .btn-primary {
  background: #4A6B4A !important;
  color: #FFFFFF !important;
}
body.public-page article.article .btn:hover,
body.public-page article.article .btn-primary:hover {
  background: #1A2E1A !important;
}