/* TwinPare sitewide theme hardening — 2026-08-29
 * Loaded after the main section and Light Mode styles. This file only fixes
 * components whose local Dark Mode styling otherwise overrides the global
 * Light Mode palette. Dark Mode remains unchanged unless explicitly noted. */

/* Above-the-fold first-paint hardening.
 * Hero copy/product imagery must be readable immediately instead of spending the
 * first ~700 ms inside the generic reveal animation. Below-the-fold reveal motion
 * remains unchanged. This also prevents screenshots and real users from seeing an
 * apparently blank/low-contrast hero during initial render. */
:is(.app-hero,.v2-hero) .reveal {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

html[data-color-mode="light"] :is(.v2-eyebrow,.v2-card > span) {
  color: #6540A8 !important;
}

html[data-color-mode="light"] .v2-brand-line {
  color: #514B5C !important;
}

html[data-color-mode="light"] .v2-signal {
  color: #2B2337 !important;
  background: rgba(255,255,255,.94) !important;
  border-color: rgba(67,54,95,.16) !important;
  box-shadow: 0 10px 28px rgba(42,31,66,.08);
}

html[data-color-mode="light"] .v2-health__copy h3 {
  color: #21192D !important;
}

html[data-color-mode="light"] .v2-beta-note {
  background: rgba(0,126,152,.06) !important;
  border-color: rgba(0,126,152,.18) !important;
}

html[data-color-mode="light"] .v2-beta-note strong {
  color: #006A80 !important;
}

html[data-color-mode="light"] .v2-context__flow :is(span,strong) {
  color: #2B2337 !important;
  background: #F1EDF8 !important;
  border-color: rgba(92,79,156,.16) !important;
}

html[data-color-mode="light"] .v2-context__flow strong {
  background: linear-gradient(135deg, rgba(109,70,182,.10), rgba(0,126,152,.07)) !important;
}

html[data-color-mode="light"] .v2-context__flow b,
html[data-color-mode="light"] .v2-bridge__arrow {
  color: #6540A8 !important;
}

html[data-color-mode="light"] .v2-research-card span {
  color: #6540A8 !important;
}

html[data-color-mode="light"] .v2-research-card small {
  color: #514B5C !important;
}

html[data-color-mode="light"] .v2-bridge__science {
  color: #21192D !important;
  background: #F1EDF8 !important;
  border: 1px solid rgba(92,79,156,.15);
}

html[data-color-mode="light"] .v2-bridge__science span {
  color: #6540A8 !important;
}

html[data-color-mode="light"] .v2-bridge__science strong {
  color: #21192D !important;
}

html[data-color-mode="light"] .v2-bridge__science small,
html[data-color-mode="light"] .v2-origin__statement span {
  color: #5B5568 !important;
}

html[data-color-mode="light"] .v2-trust a {
  color: #5D35A8 !important;
}

html[data-color-mode="light"] body.theme-health .health-v2__eyebrow {
  color: #6540A8 !important;
}

html[data-color-mode="light"] body.theme-health :is(.health-v2__lead,.health-v2__support,.health-v2__status-note) {
  color: #514B5C !important;
}

html[data-color-mode="light"] body.theme-health .health-v2__beta-band {
  background: rgba(0,126,152,.055) !important;
  border-color: rgba(0,126,152,.16) !important;
}

html[data-color-mode="light"] body.theme-health .health-v2__beta-band strong {
  color: #006A80 !important;
}

html[data-color-mode="light"] body.theme-health .health-v2__flow {
  background: rgba(255,255,255,.84) !important;
  border-color: rgba(0,126,152,.14) !important;
}

html[data-color-mode="light"] body.theme-health .health-v2__flow div span {
  color: #25313A !important;
  background: #EDF1F8 !important;
  border: 1px solid rgba(67,54,95,.10);
}

html[data-color-mode="light"] body.theme-health .health-v2__flow :is(strong,em) {
  color: #2B2337 !important;
  background: rgba(109,70,182,.09) !important;
}

html[data-color-mode="light"] body.theme-health .health-v2__flow b {
  color: #6540A8 !important;
}

html[data-color-mode="light"] body.theme-health .health-v2__area small {
  color: #006A80 !important;
}

html[data-color-mode="light"] body.theme-health .health-v2__badge--beta {
  color: #006A80 !important;
  background: rgba(0,126,152,.10) !important;
}

html[data-color-mode="light"] body.theme-health .health-v2__badge--verify {
  color: #765200 !important;
  background: rgba(168,116,0,.12) !important;
}

html[data-color-mode="light"] body.theme-health .health-v2__badge--dev {
  color: #5D35A8 !important;
  background: rgba(109,70,182,.10) !important;
}

html[data-color-mode="light"] body.theme-health .health-v2__research-card {
  color: #21192D !important;
  background: #F1EDF8 !important;
  border-color: rgba(92,79,156,.16) !important;
  box-shadow: 0 14px 36px rgba(46,36,78,.06);
}

html[data-color-mode="light"] body.theme-health .health-v2__research-card span {
  color: #5B5568 !important;
}

html[data-color-mode="light"] body.theme-health .health-v2__research-card strong {
  color: #21192D !important;
}

html[data-color-mode="light"] body.theme-health .health-v2__research-card b {
  color: #6540A8 !important;
}

html[data-color-mode="light"] body.theme-health .health-v2__privacy a {
  color: #5D35A8 !important;
}

html[data-color-mode="light"] body.theme-health .health-v2__final-inner strong {
  color: #21192D !important;
}

/* Research Light Mode final visual polish.
 * These overview-only surfaces retain dark-theme local styles in the component
 * CSS, so give them explicit light surfaces and readable editorial contrast. */
html[data-color-mode="light"] body.theme-research .research-overview-hero .medical-disclaimer {
  color: #4F485B !important;
  background: rgba(255,255,255,.88) !important;
  border-color: rgba(92,79,156,.20) !important;
  box-shadow: 0 10px 30px rgba(46,36,78,.07);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

html[data-color-mode="light"] body.theme-research .research-overview-hero > .app-hero__inner > .badge,
html[data-color-mode="light"] body.theme-research .research-overview-hero .app-hero__inner > .badge {
  color: #5D35A8 !important;
  background: rgba(109,70,182,.08) !important;
  border-color: rgba(109,70,182,.20) !important;
}

html[data-color-mode="light"] body.theme-research .research-highlights {
  border-color: rgba(92,79,156,.16) !important;
  background: linear-gradient(145deg,rgba(255,255,255,.78),rgba(245,242,252,.82) 58%,rgba(255,255,255,.72)) !important;
  box-shadow: 0 22px 62px rgba(46,36,78,.08) !important;
}

html[data-color-mode="light"] body.theme-research .research-highlights__boundary {
  color: #514B5C !important;
  background: rgba(255,255,255,.82) !important;
  border-color: rgba(92,79,156,.18) !important;
}

html[data-color-mode="light"] body.theme-research :is(.research-highlights__eyebrow,.research-highlight-card__eyebrow) {
  color: #6540A8 !important;
}

html[data-color-mode="light"] body.theme-research .research-highlight-card {
  background: rgba(255,255,255,.90) !important;
  border-color: rgba(92,79,156,.16) !important;
  box-shadow: 0 16px 42px rgba(46,36,78,.08) !important;
}

html[data-color-mode="light"] body.theme-research .research-highlight-card :is(p,.research-highlight-card__meta) {
  color: #514B5C !important;
}

html[data-color-mode="light"] body.theme-research .research-highlight-card__link {
  color: #5D35A8 !important;
}