/* WCAG AA text on dark/navy surfaces (#1F3864) — design-system dark-surface palette */

/* ── Body text on dark surfaces ── */
.hero .hero-name,
.hero .hero-intro,
.hero .hero-meta,
.hero .hero-sub,
.golden-thread,
.golden-thread .gt-chain,
.gt-block,
.gt-block .gt-chain,
.section-details > summary .st-sub,
.section-header .sh-sub,
.section-hd .sh-sub,
details.doc-chapter > summary .dc-sub,
details.prop-section > summary .ps-sub,
details.slide-section > summary .ss-sub,
details.track-section > summary .ts-sub,
#toc-menu a,
#toc-container a,
nav#toc #toc-menu a,
#toc-menu .toc-label,
.toc-label {
  color: #e8e4dc;
  opacity: 1;
}

/* ── Structural / label text on dark surfaces ── */
.hero .hero-label,
.golden-thread .gt-label,
.gt-block .gt-label,
.section-details > summary .st-num,
.section-header .sh-meta,
.section-hd .sh-label,
details.doc-chapter > summary .dc-label,
details.prop-section > summary .ps-num,
details.slide-section > summary .ss-num,
details.track-section > summary .ts-label,
#toc-menu .toc-section-label,
#toc-container .toc-section-label {
  color: #60a5fa;
  opacity: 1;
}

/* ── Primary headings on dark surfaces (unchanged white) ── */
.hero .hero-title,
.golden-thread .gt-sentence,
.gt-block .gt-sentence,
.section-details > summary .st-title,
.section-header .sh-title,
.section-hd .sh-title,
details.doc-chapter > summary .dc-title,
details.prop-section > summary .ps-title,
details.slide-section > summary .ss-title,
details.track-section > summary .ts-title {
  color: #ffffff;
}

/* ── Accent icons on dark surfaces ── */
.section-details > summary .st-icon,
.guide-details > summary .guide-icon {
  color: #f0b429;
}

/* Key-term click-to-reveal controls on dark surfaces */
.hero details.ref-snippet-inline > summary,
.golden-thread details.ref-snippet-inline > summary,
.gt-block details.ref-snippet-inline > summary,
.section-details > summary details.ref-snippet-inline > summary,
details.doc-chapter > summary details.ref-snippet-inline > summary,
details.prop-section > summary details.ref-snippet-inline > summary,
details.slide-section > summary details.ref-snippet-inline > summary,
details.track-section > summary details.ref-snippet-inline > summary {
  color: #f0b429;
}
.hero details.ref-snippet-inline > summary:hover,
.golden-thread details.ref-snippet-inline > summary:hover,
.gt-block details.ref-snippet-inline > summary:hover,
.section-details > summary details.ref-snippet-inline > summary:hover,
details.doc-chapter > summary details.ref-snippet-inline > summary:hover,
details.prop-section > summary details.ref-snippet-inline > summary:hover,
details.slide-section > summary details.ref-snippet-inline > summary:hover,
details.track-section > summary details.ref-snippet-inline > summary:hover {
  color: #fcd34d;
}

/* Ensure golden-thread body copy inherits off-white (incl. chain line with embeds) */
.golden-thread p.gt-chain,
.gt-block p.gt-chain {
  color: #e8e4dc;
}

/* Search bar on navy (#sb-wrap) — links already white; keep hover amber */
#sb-wrap a,
#sb-wrap button,
#sb-wrap #sb-count,
#sb-wrap .sb-btn {
  color: #ffffff;
}

/* Floating TOC menus on navy */
#toc-btn,
#toc-toggle,
nav#toc button {
  color: #ffffff;
}