/* Post-task 1.5: explicit descendants for dark containers. */
.custody,.invoice-card,.integration,.pricing-card,.final-cta,.dashboard{color:#f8fafc}
.custody h2,.custody h3,.invoice-card h2,.invoice-card h3,.integration h2,.integration h3,.pricing-card h2,.pricing-card h3,.final-cta h2,.final-cta h3,.dashboard h2,.dashboard h3{color:#f8fafc}
.custody p,.custody span,.custody small,.custody li,.invoice-card p,.invoice-card span,.invoice-card small,.invoice-card strong,.integration p,.integration span,.integration small,.pricing-card p,.pricing-card span,.pricing-card small,.pricing-card li,.final-cta p,.final-cta span,.final-cta small,.dashboard p,.dashboard span,.dashboard small{color:#eaf2f6}
.custody .eyebrow,.invoice-card .eyebrow,.integration .eyebrow,.pricing-card .eyebrow,.final-cta .eyebrow,.dashboard .eyebrow{color:#68ebc0}
.custody a:not(.button),.invoice-card a:not(.button),.integration a:not(.button),.pricing-card a:not(.button),.final-cta a:not(.button),.dashboard a:not(.button){color:#f8fafc}
.custody a:not(.button):hover,.invoice-card a:not(.button):hover,.integration a:not(.button):hover,.pricing-card a:not(.button):hover,.final-cta a:not(.button):hover,.dashboard a:not(.button):hover{color:#68ebc0}
.flow-panel .flow-path,.flow-panel .verification-path,.flow-panel .flow-note{color:#19334e}
.flow-panel .flow-path>span,.flow-panel .verification-path>span:not([aria-hidden]){color:#f8fafc}
.flow-panel .flow-path small,.flow-panel .verification-path small{color:#42566d}
/* These nodes stay dark even when the surrounding flow panel is light. */
.flow-accent small,.verification-path>span:not([aria-hidden]) small{color:#eaf2f6}
html[data-theme="light"] .flow-accent small,html[data-theme="light"] .verification-path>span:not([aria-hidden]) small{color:#eaf2f6}
html[data-theme="light"] .flow-panel .flow-accent small,html[data-theme="light"] .flow-panel .flow-path>span small{color:#eaf2f6}
html[data-theme="dark"] .flow-panel .flow-path,html[data-theme="dark"] .flow-panel .verification-path,html[data-theme="dark"] .flow-panel .flow-note{color:#f8fafc}
html[data-theme="dark"] .flow-panel .flow-path small,html[data-theme="dark"] .flow-panel .verification-path small{color:#eaf2f6}
.invoice-card .button,.pricing-card .button,.final-cta .button,.acquisition .button{font-weight:700}
.invoice-card .button.secondary,.pricing-card .button.secondary,.final-cta .button.secondary{color:#f8fafc;border-color:#718398;background:transparent}
.invoice-card .button.secondary:hover,.pricing-card .button.secondary:hover,.final-cta .button.secondary:hover{background:#24364a;color:#fff}
.integration .status-badge,.integration .preview-badge,.pricing-card .status-badge{color:#d9faee;background:#193b37;border-color:#4c9f8d;font-weight:700}
html[data-theme="light"] .integration .status-badge,html[data-theme="light"] .integration .preview-badge,html[data-theme="light"] .pricing-card .status-badge{color:#d9faee;background:#193b37;border-color:#4c9f8d}
.code-panel .code-label,.code-panel .code-foot,.code-panel pre,.code-panel code{color:#eaf2f6}
html[data-theme="light"] .code-panel .code-label,html[data-theme="light"] .code-panel .code-foot,html[data-theme="light"] .code-panel pre,html[data-theme="light"] .code-panel code{color:#142d47}
html[data-theme="light"] .flow-panel .flow-path,html[data-theme="light"] .flow-panel .verification-path,html[data-theme="light"] .flow-panel .flow-note{color:#19334e}
html[data-theme="light"] .flow-panel .flow-path small,html[data-theme="light"] .flow-panel .verification-path small{color:#42566d}
html[data-theme="light"] .flow-panel .flow-path>span,html[data-theme="light"] .flow-panel .verification-path>span:not([aria-hidden]){color:#f8fafc}
