/* Scrollprise Dark Theme v40.8 — CONTRAST CORRECTION PASS
   EXPERIMENT BRANCH ONLY.
   Presentation-only fixes for inherited light/dark text collisions.
   No product, search, affiliate, Read My Mind ranking, routing or interaction logic changes.
*/

/* ==================== HOMEPAGE DISCOVERY WORLDS ==================== */
html.theme-dark-v40 body[data-page="home"] .discovery-hub,
html.theme-dark-v40 body[data-page="home"] #find-delulu {
  background: #080a08 !important;
  color: #f3f5f1 !important;
}

html.theme-dark-v40 body[data-page="home"] .discovery-intro .eyebrow {
  color: #aab2aa !important;
  -webkit-text-fill-color: #aab2aa !important;
}

html.theme-dark-v40 body[data-page="home"] .discovery-intro h2 {
  color: #f3f5f1 !important;
  -webkit-text-fill-color: #f3f5f1 !important;
  opacity: 1 !important;
}

html.theme-dark-v40 body[data-page="home"] .discovery-intro p {
  color: #9ba39b !important;
  -webkit-text-fill-color: #9ba39b !important;
  opacity: 1 !important;
}

/* These cards intentionally remain light; force a dark editorial text system on them. */
html.theme-dark-v40 body[data-page="home"] .discovery-family-overview-card {
  color: #171a18 !important;
}

html.theme-dark-v40 body[data-page="home"] .discovery-family-overview-card h3 {
  color: #171a18 !important;
  -webkit-text-fill-color: #171a18 !important;
  opacity: 1 !important;
}

html.theme-dark-v40 body[data-page="home"] .discovery-family-overview-card p {
  color: #626963 !important;
  -webkit-text-fill-color: #626963 !important;
  opacity: 1 !important;
}

html.theme-dark-v40 body[data-page="home"] .discovery-family-overview-card .family-num,
html.theme-dark-v40 body[data-page="home"] .discovery-family-overview-card .family-micro,
html.theme-dark-v40 body[data-page="home"] .discovery-family-overview-card .family-open {
  color: #444b45 !important;
  -webkit-text-fill-color: #444b45 !important;
  opacity: 1 !important;
}

html.theme-dark-v40 body[data-page="home"] .discovery-family-overview-card .family-arrow {
  color: #151815 !important;
  -webkit-text-fill-color: #151815 !important;
  opacity: 1 !important;
}

/* ==================== LIGHT PRODUCT MODALS ==================== */
/* The modal intentionally uses a light editorial surface. Keep all copy dark enough to read. */
html.theme-dark-v40 .modal.open .modal-card,
html.theme-dark-v40 .modal.open .modal-product,
html.theme-dark-v40 .modal.open .modal-copy {
  --sp40-modal-ink: #151815;
  --sp40-modal-copy: #545c55;
  --sp40-modal-muted: #687069;
}

html.theme-dark-v40 .modal.open .modal-copy,
html.theme-dark-v40 .modal.open .modal-copy h2,
html.theme-dark-v40 .modal.open .modal-copy h3,
html.theme-dark-v40 .modal.open #modalTitle {
  color: var(--sp40-modal-ink) !important;
  -webkit-text-fill-color: var(--sp40-modal-ink) !important;
  opacity: 1 !important;
}

html.theme-dark-v40 .modal.open .modal-category,
html.theme-dark-v40 .modal.open .detail-hook,
html.theme-dark-v40 .modal.open .modal-verdict,
html.theme-dark-v40 .modal.open .buying-context span,
html.theme-dark-v40 .modal.open .detail-why span,
html.theme-dark-v40 .modal.open .modal-best span,
html.theme-dark-v40 .modal.open .spec-grid dt,
html.theme-dark-v40 .modal.open .paid-note {
  color: var(--sp40-modal-muted) !important;
  -webkit-text-fill-color: var(--sp40-modal-muted) !important;
  opacity: 1 !important;
}

html.theme-dark-v40 .modal.open .buying-context strong,
html.theme-dark-v40 .modal.open .modal-best strong,
html.theme-dark-v40 .modal.open .spec-grid dd,
html.theme-dark-v40 .modal.open .feature-list li,
html.theme-dark-v40 .modal.open .watch-box strong {
  color: #2a2f2b !important;
  -webkit-text-fill-color: #2a2f2b !important;
  opacity: 1 !important;
}

html.theme-dark-v40 .modal.open .buying-context p,
html.theme-dark-v40 .modal.open .detail-why p,
html.theme-dark-v40 .modal.open .watch-box p,
html.theme-dark-v40 .modal.open .modal-copy > p {
  color: var(--sp40-modal-copy) !important;
  -webkit-text-fill-color: var(--sp40-modal-copy) !important;
  opacity: 1 !important;
}

/* Do not inherit the modal's dark ink into intentionally dark action/intelligence panels. */
html.theme-dark-v40 .modal.open .ask-scrollprise-card,
html.theme-dark-v40 .modal.open .ask-scrollprise-card *,
html.theme-dark-v40 .modal.open [data-ask-scrollprise],
html.theme-dark-v40 .modal.open [data-ask-scrollprise] * {
  -webkit-text-fill-color: currentColor;
}

/* ==================== READ MY MIND ==================== */
html.theme-dark-v40 body[data-page="read-my-mind"] .vibe-guide-intro h2,
html.theme-dark-v40 body[data-page="read-my-mind"] #vibeGuideTitle {
  color: #f1f4ef !important;
  -webkit-text-fill-color: #f1f4ef !important;
  opacity: 1 !important;
}

html.theme-dark-v40 body[data-page="read-my-mind"] .vibe-guide-intro h2 em,
html.theme-dark-v40 body[data-page="read-my-mind"] #vibeGuideTitle em {
  color: #b7ff33 !important;
  -webkit-text-fill-color: #b7ff33 !important;
  opacity: 1 !important;
}

html.theme-dark-v40 body[data-page="read-my-mind"] .vibe-guide-intro > p {
  color: #9ca49d !important;
  -webkit-text-fill-color: #9ca49d !important;
  opacity: 1 !important;
}

html.theme-dark-v40 body[data-page="read-my-mind"] .bundle-preset-wrap > span {
  color: #929a93 !important;
  -webkit-text-fill-color: #929a93 !important;
  opacity: 1 !important;
}

html.theme-dark-v40 body[data-page="read-my-mind"] .bundle-presets button {
  background: #171b18 !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  color: #dce2dc !important;
  -webkit-text-fill-color: #dce2dc !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
  opacity: 1 !important;
}

html.theme-dark-v40 body[data-page="read-my-mind"] .bundle-presets button:hover,
html.theme-dark-v40 body[data-page="read-my-mind"] .bundle-presets button:focus-visible {
  background: #202620 !important;
  border-color: rgba(183,255,51,.30) !important;
  color: #f4f7f2 !important;
  -webkit-text-fill-color: #f4f7f2 !important;
}

html.theme-dark-v40 body[data-page="read-my-mind"] .vibe-guide-trust,
html.theme-dark-v40 body[data-page="read-my-mind"] .vibe-guide-trust span,
html.theme-dark-v40 body[data-page="read-my-mind"] .vibe-guide-intro small {
  color: #8e978f !important;
  -webkit-text-fill-color: #8e978f !important;
}

/* ==================== SWIPE MODE ==================== */
html.theme-dark-v40 body.swipe-page,
html.theme-dark-v40 body.final-swipe-page {
  background: #080a08 !important;
  color: #f2f5f0 !important;
}

html.theme-dark-v40 body.swipe-page .final-swipe-shell,
html.theme-dark-v40 body.final-swipe-page .final-swipe-shell,
html.theme-dark-v40 body.swipe-page .swipe-shell {
  background:
    radial-gradient(900px circle at 50% 40%, rgba(255,255,255,.025), transparent 58%),
    #0a0d0a !important;
  color: #f2f5f0 !important;
}

html.theme-dark-v40 body.swipe-page .final-swipe-tag,
html.theme-dark-v40 body.final-swipe-page .final-swipe-tag,
html.theme-dark-v40 body.swipe-page .swipe-tagline {
  color: #c7cec7 !important;
  -webkit-text-fill-color: #c7cec7 !important;
}

html.theme-dark-v40 body.swipe-page .final-swipe-count,
html.theme-dark-v40 body.swipe-page .final-swipe-hint,
html.theme-dark-v40 body.final-swipe-page .final-swipe-count,
html.theme-dark-v40 body.final-swipe-page .final-swipe-hint,
html.theme-dark-v40 body.swipe-page .swipe-progress,
html.theme-dark-v40 body.swipe-page .swipe-hint {
  color: #8e978f !important;
  -webkit-text-fill-color: #8e978f !important;
}

html.theme-dark-v40 body.swipe-page .final-swipe-card .fsc-shell,
html.theme-dark-v40 body.final-swipe-page .final-swipe-card .fsc-shell {
  background: #171b18 !important;
  border-color: rgba(255,255,255,.09) !important;
  box-shadow: 0 24px 54px rgba(0,0,0,.34) !important;
}

html.theme-dark-v40 body.swipe-page .final-swipe-card .fsc-visual,
html.theme-dark-v40 body.final-swipe-page .final-swipe-card .fsc-visual {
  background: linear-gradient(180deg,#d0d2cc 0%,#c4c7c1 100%) !important;
}

html.theme-dark-v40 body.swipe-page .final-swipe-card .fsc-copy,
html.theme-dark-v40 body.final-swipe-page .final-swipe-card .fsc-copy {
  background: #171b18 !important;
  color: #f1f4ef !important;
}

html.theme-dark-v40 body.swipe-page .final-swipe-card .fsc-copy h2,
html.theme-dark-v40 body.swipe-page .final-swipe-card .fsc-copy h2 span,
html.theme-dark-v40 body.final-swipe-page .final-swipe-card .fsc-copy h2,
html.theme-dark-v40 body.final-swipe-page .final-swipe-card .fsc-copy h2 span {
  color: #f1f4ef !important;
  -webkit-text-fill-color: #f1f4ef !important;
  opacity: 1 !important;
}

html.theme-dark-v40 body.swipe-page .final-swipe-card .fsc-copy p,
html.theme-dark-v40 body.final-swipe-page .final-swipe-card .fsc-copy p {
  color: #9ba39b !important;
  -webkit-text-fill-color: #9ba39b !important;
}

html.theme-dark-v40 body.swipe-page .final-swipe-card .fsc-foot > span,
html.theme-dark-v40 body.final-swipe-page .final-swipe-card .fsc-foot > span {
  color: #bcc4bc !important;
  -webkit-text-fill-color: #bcc4bc !important;
}

html.theme-dark-v40 body.swipe-page .final-swipe-card .fsc-view-find,
html.theme-dark-v40 body.final-swipe-page .final-swipe-card .fsc-view-find {
  color: #f3f6f1 !important;
  -webkit-text-fill-color: #f3f6f1 !important;
}

html.theme-dark-v40 body.swipe-page .final-swipe-card .fsc-chips span,
html.theme-dark-v40 body.final-swipe-page .final-swipe-card .fsc-chips span {
  background: #202520 !important;
  border-color: rgba(255,255,255,.08) !important;
  color: #cbd2cb !important;
  -webkit-text-fill-color: #cbd2cb !important;
}

html.theme-dark-v40 body.swipe-page .final-swipe-btn,
html.theme-dark-v40 body.swipe-page .final-swipe-pause,
html.theme-dark-v40 body.final-swipe-page .final-swipe-btn,
html.theme-dark-v40 body.final-swipe-page .final-swipe-pause,
html.theme-dark-v40 body.swipe-page .swipe-controls button {
  background: #171b18 !important;
  border-color: rgba(255,255,255,.10) !important;
  color: #e8ece7 !important;
  -webkit-text-fill-color: #e8ece7 !important;
}

html.theme-dark-v40 body.swipe-page .final-swipe-dot,
html.theme-dark-v40 body.final-swipe-page .final-swipe-dot {
  background: #3b423c !important;
}

html.theme-dark-v40 body.swipe-page .final-swipe-dot.active,
html.theme-dark-v40 body.final-swipe-page .final-swipe-dot.active {
  background: #b7ff33 !important;
}