/* Dark-mode enhancements and logo swap */
body.dark .logo img { content: url("../images/logo-dark.png"); }
body.dark .about-hero { color: var(--ink); }
body.dark .about-hero .hero-copy h1, body.dark .about-hero h2, body.dark .about-hero h3 { color: var(--ink); }
body.dark .about-hero > * { color: inherit; }
body.dark .about-hero .hero-copy > p { color: var(--txt); }
body.dark .about-hero .hero-scroll { border-color: var(--line); }
body.dark .about-hero .hero-scroll, body.dark .about-hero .hero-scroll * { color: var(--txt); }

/* Find Their Role casting board — dark mode legibility */
html.dark .h1-quiz, body.dark .h1-quiz, .dark-mode .h1-quiz{background:#17101f}
html.dark .h1-quiz:before, body.dark .h1-quiz:before, .dark-mode .h1-quiz:before{color:#ffffff08}
html.dark .h1-bento .intro, body.dark .h1-bento .intro, .dark-mode .h1-bento .intro{background:linear-gradient(150deg,#24152f,#39214b 58%,#49285a);color:#fff}
html.dark .h1-bento .rt.on, body.dark .h1-bento .rt.on, .dark-mode .h1-bento .rt.on{box-shadow:0 0 0 3px #17101f,0 0 0 6px var(--c),0 16px 28px #0005}


/* Programs page: compare-programs panel and closing CTA in dark mode */
html.dark .pr-cmpsec,
body.dark .pr-cmpsec,
.dark-mode .pr-cmpsec {
  background: #170d22 !important;
  color: #f5edf9;
}
html.dark .pr-cmpsec .pr-head h2,
body.dark .pr-cmpsec .pr-head h2,
.dark-mode .pr-cmpsec .pr-head h2 { color: #f8f1ff !important; }
html.dark .pr-cmpsec .pr-head p,
body.dark .pr-cmpsec .pr-head p,
.dark-mode .pr-cmpsec .pr-head p { color: #d4c5e4 !important; }
html.dark .pr-cmpsec .pr-lad,
body.dark .pr-cmpsec .pr-lad,
.dark-mode .pr-cmpsec .pr-lad {
  background: rgba(39, 24, 53, .96) !important;
  border-color: #503765 !important;
  box-shadow: 0 22px 70px rgba(0,0,0,.24) !important;
}
html.dark .pr-cmpsec .pr-node b,
body.dark .pr-cmpsec .pr-node b,
.dark-mode .pr-cmpsec .pr-node b { color: #f4eafb !important; }
html.dark .pr-cmpsec .pr-node small,
body.dark .pr-cmpsec .pr-node small,
.dark-mode .pr-cmpsec .pr-node small { color: #c7b6d8 !important; }
html.dark .pr-cmpsec .pr-node.is-on b,
body.dark .pr-cmpsec .pr-node.is-on b,
.dark-mode .pr-cmpsec .pr-node.is-on b { color: #d8b8ff !important; }
html.dark .pr-cmpsec .pr-track-line,
body.dark .pr-cmpsec .pr-track-line,
.dark-mode .pr-cmpsec .pr-track-line { background: #594568 !important; }
html.dark .pr-cmpsec .pr-node.is-on .pr-node-ph,
body.dark .pr-cmpsec .pr-node.is-on .pr-node-ph,
.dark-mode .pr-cmpsec .pr-node.is-on .pr-node-ph {
  box-shadow: 0 0 0 4px #271835, 0 0 0 7px #634a7b, 0 12px 26px #0005 !important;
}
html.dark .pr-cmpsec .pr-detail,
body.dark .pr-cmpsec .pr-detail,
.dark-mode .pr-cmpsec .pr-detail { color: #eee3f7; }
html.dark .pr-cta,
body.dark .pr-cta,
.dark-mode .pr-cta {
  background: radial-gradient(circle at 50% 50%, #38204e, #100819 78%) !important;
  color: #fff !important;
}
html.dark .pr-cta h2,
body.dark .pr-cta h2,
.dark-mode .pr-cta h2 { color: #fff !important; }
html.dark .pr-cta p,
body.dark .pr-cta p,
.dark-mode .pr-cta p { color: #e5d9f0 !important; }

/* Strong text-contrast override for Programs dark mode (all nested content) */
html.dark .pr-cmpsec, body.dark .pr-cmpsec, html.dark-mode .pr-cmpsec, body.dark-mode .pr-cmpsec,
html[data-theme="dark"] .pr-cmpsec, body[data-theme="dark"] .pr-cmpsec,
.dark-mode .pr-cmpsec {
  color: #f7f0ff !important;
}
html.dark .pr-cmpsec :is(h1,h2,h3,h4,p,span,b,strong,small,li,label,em),
body.dark .pr-cmpsec :is(h1,h2,h3,h4,p,span,b,strong,small,li,label,em),
html.dark-mode .pr-cmpsec :is(h1,h2,h3,h4,p,span,b,strong,small,li,label,em),
body.dark-mode .pr-cmpsec :is(h1,h2,h3,h4,p,span,b,strong,small,li,label,em),
html[data-theme="dark"] .pr-cmpsec :is(h1,h2,h3,h4,p,span,b,strong,small,li,label,em),
body[data-theme="dark"] .pr-cmpsec :is(h1,h2,h3,h4,p,span,b,strong,small,li,label,em),
.dark-mode .pr-cmpsec :is(h1,h2,h3,h4,p,span,b,strong,small,li,label,em) {
  color: #f4eafb !important;
}
html.dark .pr-cmpsec .pr-node small, body.dark .pr-cmpsec .pr-node small,
html.dark-mode .pr-cmpsec .pr-node small, body.dark-mode .pr-cmpsec .pr-node small,
html[data-theme="dark"] .pr-cmpsec .pr-node small, body[data-theme="dark"] .pr-cmpsec .pr-node small,
.dark-mode .pr-cmpsec .pr-node small { color: #d4c5e4 !important; }
html.dark .pr-cmpsec .pr-skills li, body.dark .pr-cmpsec .pr-skills li,
html.dark-mode .pr-cmpsec .pr-skills li, body.dark-mode .pr-cmpsec .pr-skills li,
html[data-theme="dark"] .pr-cmpsec .pr-skills li, body[data-theme="dark"] .pr-cmpsec .pr-skills li,
.dark-mode .pr-cmpsec .pr-skills li {
  background: #241630 !important; border-color: #49345b !important; color: #f4eafb !important;
}
html.dark .pr-cmpsec .pr-skills li small, body.dark .pr-cmpsec .pr-skills li small,
html.dark-mode .pr-cmpsec .pr-skills li small, body.dark-mode .pr-cmpsec .pr-skills li small,
html[data-theme="dark"] .pr-cmpsec .pr-skills li small, body[data-theme="dark"] .pr-cmpsec .pr-skills li small,
.dark-mode .pr-cmpsec .pr-skills li small { color: #cdbddc !important; }
html.dark .pr-cmpsec .pr-read, body.dark .pr-cmpsec .pr-read,
html.dark-mode .pr-cmpsec .pr-read, body.dark-mode .pr-cmpsec .pr-read,
html[data-theme="dark"] .pr-cmpsec .pr-read, body[data-theme="dark"] .pr-cmpsec .pr-read,
.dark-mode .pr-cmpsec .pr-read { background: #21132d !important; border-color: #49345b !important; }
html.dark .pr-cta :is(h1,h2,h3,h4,p,span,em,.pr-kick),
body.dark .pr-cta :is(h1,h2,h3,h4,p,span,em,.pr-kick),
html.dark-mode .pr-cta :is(h1,h2,h3,h4,p,span,em,.pr-kick),
body.dark-mode .pr-cta :is(h1,h2,h3,h4,p,span,em,.pr-kick),
html[data-theme="dark"] .pr-cta :is(h1,h2,h3,h4,p,span,em,.pr-kick),
body[data-theme="dark"] .pr-cta :is(h1,h2,h3,h4,p,span,em,.pr-kick),
.dark-mode .pr-cta :is(h1,h2,h3,h4,p,span,em,.pr-kick) { color: #fff !important; }
html.dark .pr-cta .btn-line, body.dark .pr-cta .btn-line,
html.dark-mode .pr-cta .btn-line, body.dark-mode .pr-cta .btn-line,
html[data-theme="dark"] .pr-cta .btn-line, body[data-theme="dark"] .pr-cta .btn-line,
.dark-mode .pr-cta .btn-line { color: #fff !important; border-color: #fff !important; }

/* Final contrast pass: active program choice and Contact page links in dark mode */
html.dark .pr-cmpsec .pr-node.is-on,
body.dark .pr-cmpsec .pr-node.is-on,
html.dark-mode .pr-cmpsec .pr-node.is-on,
body.dark-mode .pr-cmpsec .pr-node.is-on,
html[data-theme="dark"] .pr-cmpsec .pr-node.is-on,
body[data-theme="dark"] .pr-cmpsec .pr-node.is-on,
.dark-mode .pr-cmpsec .pr-node.is-on {
  background: linear-gradient(135deg, #4a3265 0%, #30203f 100%) !important;
  border: 2px solid #ffd34f !important;
  box-shadow: inset 0 0 0 1px #fff2b8, 0 0 0 3px #ffd34f55, 0 10px 26px #0006 !important;
  color: #fff !important;
  position: relative;
  z-index: 2;
}
html.dark .pr-cmpsec .pr-node.is-on b,
body.dark .pr-cmpsec .pr-node.is-on b,
html.dark-mode .pr-cmpsec .pr-node.is-on b,
body.dark-mode .pr-cmpsec .pr-node.is-on b,
html[data-theme="dark"] .pr-cmpsec .pr-node.is-on b,
body[data-theme="dark"] .pr-cmpsec .pr-node.is-on b,
.dark-mode .pr-cmpsec .pr-node.is-on b { color: #ffe27a !important; }
html.dark .pr-cmpsec .pr-node.is-on small,
body.dark .pr-cmpsec .pr-node.is-on small,
html.dark-mode .pr-cmpsec .pr-node.is-on small,
body.dark-mode .pr-cmpsec .pr-node.is-on small,
html[data-theme="dark"] .pr-cmpsec .pr-node.is-on small,
body[data-theme="dark"] .pr-cmpsec .pr-node.is-on small,
.dark-mode .pr-cmpsec .pr-node.is-on small { color: #f4eaff !important; }
html.dark .pr-cmpsec .pr-node.is-on .pr-node-ph,
body.dark .pr-cmpsec .pr-node.is-on .pr-node-ph,
html.dark-mode .pr-cmpsec .pr-node.is-on .pr-node-ph,
body.dark-mode .pr-cmpsec .pr-node.is-on .pr-node-ph,
html[data-theme="dark"] .pr-cmpsec .pr-node.is-on .pr-node-ph,
body[data-theme="dark"] .pr-cmpsec .pr-node.is-on .pr-node-ph,
.dark-mode .pr-cmpsec .pr-node.is-on .pr-node-ph {
  border: 3px solid #ffd34f !important;
  box-shadow: 0 0 0 3px #fff2b8, 0 0 0 6px #ffd34f99, 0 8px 24px #0008 !important;
  opacity: 1 !important;
}

html.dark .contact-page .ct-text-link,
body.dark .contact-page .ct-text-link,
html.dark-mode .contact-page .ct-text-link,
body.dark-mode .contact-page .ct-text-link,
html[data-theme="dark"] .contact-page .ct-text-link,
body[data-theme="dark"] .contact-page .ct-text-link,
.dark-mode .contact-page .ct-text-link { color: #ffe27a !important; }
html.dark .contact-page .ct-text-link svg,
body.dark .contact-page .ct-text-link svg,
html.dark-mode .contact-page .ct-text-link svg,
body.dark-mode .contact-page .ct-text-link svg,
html[data-theme="dark"] .contact-page .ct-text-link svg,
body[data-theme="dark"] .contact-page .ct-text-link svg,
.dark-mode .contact-page .ct-text-link svg { color: #ffe27a !important; }
html.dark .ct-options-redesign .ct-directory-row,
body.dark .ct-options-redesign .ct-directory-row,
html.dark-mode .ct-options-redesign .ct-directory-row,
body.dark-mode .ct-options-redesign .ct-directory-row,
html[data-theme="dark"] .ct-options-redesign .ct-directory-row,
body[data-theme="dark"] .ct-options-redesign .ct-directory-row,
.dark-mode .ct-options-redesign .ct-directory-row {
  color: #f8f1ff !important;
  border-color: #604875 !important;
  background: #261735 !important;
}
html.dark .ct-options-redesign .ct-directory-row:hover,
body.dark .ct-options-redesign .ct-directory-row:hover,
html.dark-mode .ct-options-redesign .ct-directory-row:hover,
body.dark-mode .ct-options-redesign .ct-directory-row:hover,
html[data-theme="dark"] .ct-options-redesign .ct-directory-row:hover,
body[data-theme="dark"] .ct-options-redesign .ct-directory-row:hover,
.dark-mode .ct-options-redesign .ct-directory-row:hover { background: #352047 !important; }
html.dark .ct-options-redesign .ct-directory-copy b,
body.dark .ct-options-redesign .ct-directory-copy b,
html.dark-mode .ct-options-redesign .ct-directory-copy b,
body.dark-mode .ct-options-redesign .ct-directory-copy b,
html[data-theme="dark"] .ct-options-redesign .ct-directory-copy b,
body[data-theme="dark"] .ct-options-redesign .ct-directory-copy b,
.dark-mode .ct-options-redesign .ct-directory-copy b { color: #fff !important; }
html.dark .ct-options-redesign .ct-directory-copy small,
body.dark .ct-options-redesign .ct-directory-copy small,
html.dark-mode .ct-options-redesign .ct-directory-copy small,
body.dark-mode .ct-options-redesign .ct-directory-copy small,
html[data-theme="dark"] .ct-options-redesign .ct-directory-copy small,
body[data-theme="dark"] .ct-options-redesign .ct-directory-copy small,
.dark-mode .ct-options-redesign .ct-directory-copy small { color: #ddcce9 !important; }
html.dark .ct-options-redesign .ct-directory-index,
body.dark .ct-options-redesign .ct-directory-index,
html.dark-mode .ct-options-redesign .ct-directory-index,
body.dark-mode .ct-options-redesign .ct-directory-index,
html[data-theme="dark"] .ct-options-redesign .ct-directory-index,
body[data-theme="dark"] .ct-options-redesign .ct-directory-index,
.dark-mode .ct-options-redesign .ct-directory-index { color: #e2bdff !important; }
html.dark .ct-options-redesign .ct-directory-action,
body.dark .ct-options-redesign .ct-directory-action,
html.dark-mode .ct-options-redesign .ct-directory-action,
body.dark-mode .ct-options-redesign .ct-directory-action,
html[data-theme="dark"] .ct-options-redesign .ct-directory-action,
body[data-theme="dark"] .ct-options-redesign .ct-directory-action,
.dark-mode .ct-options-redesign .ct-directory-action { color: #ffe27a !important; }