/* Post-task 1.4: explicit text and link contrast for every surface. */
html[data-theme="light"] .header{background:#f4f8f7;border-color:#b9ceca;box-shadow:0 4px 18px rgba(20,36,58,.1)}
html[data-theme="light"] a:not(.button){color:#183d61}
html[data-theme="light"] a:not(.button):hover,html[data-theme="light"] .text-link,html[data-theme="light"] footer a:hover{color:#056f5b}
html[data-theme="light"] .eyebrow,html[data-theme="light"] .card-kicker,html[data-theme="light"] .code-label,html[data-theme="light"] .inline-note{color:#086e5d;font-weight:700}
html[data-theme="light"] small,html[data-theme="light"] .muted,html[data-theme="light"] .fine-print,html[data-theme="light"] .flow-note{color:#3d536b;font-size:13px;font-weight:500}
html[data-theme="light"] .flow-note{font-size:13px}
html[data-theme="light"] .status-badge,html[data-theme="light"] .preview-badge{color:#075c50;background:#d9eee8;border-color:#74aa9d;font-weight:700}
html[data-theme="light"] .code-panel{background:#edf5f3;color:#142d47;border-color:#a9c5bf}
html[data-theme="light"] .code-panel pre,html[data-theme="light"] .code-panel code{color:#142d47;font-size:13px;line-height:1.75;font-weight:500}
html[data-theme="light"] .code-panel code span{color:#075c50}
html[data-theme="light"] .code-panel .code-foot{background:#e0ecea;color:#29455f;border-color:#a9c5bf;font-size:12px;font-weight:500}
html[data-theme="light"] .code-panel .response-label span{color:#075c50}
html[data-theme="light"] .invoice-card .muted,html[data-theme="light"] .invoice-card .fine-print{color:#d5e0ea}
html[data-theme="light"] .footer-grid>div:not(:first-child) a{color:#294761;font-size:14px;font-weight:600}
html[data-theme="light"] .footer-grid h3{color:#10233f;font-weight:750}
html[data-theme="light"] .footer-bottom,html[data-theme="light"] .footer-bottom p{color:#40566c;font-size:13px;font-weight:500}
html[data-theme="light"] .legal-placeholders summary,html[data-theme="light"] .faq-items summary{color:#10233f;font-weight:750}
html[data-theme="light"] .legal-placeholders details,html[data-theme="light"] .faq-items details{border-color:#b9ceca}
html[data-theme="light"] .button{font-weight:700}
html[data-theme="light"] .secondary{color:#10233f;border-color:#8daaa4;background:#fff}
html[data-theme="light"] .theme-toggle{color:#10233f;border-color:#8daaa4}
html[data-theme="light"] .floating-acquisition{color:#10233f;background:#fff;border-color:#078f72}
html[data-theme="dark"] .header{background:#080f1d;border-color:#304055;box-shadow:0 4px 18px rgba(0,0,0,.25)}
html[data-theme="dark"] a:not(.button){color:#e7f2f7}
html[data-theme="dark"] a:not(.button):hover,html[data-theme="dark"] .text-link,html[data-theme="dark"] footer a:hover{color:#68ebc0}
html[data-theme="dark"] .eyebrow,html[data-theme="dark"] .card-kicker,html[data-theme="dark"] .code-label,html[data-theme="dark"] .inline-note{color:#68ebc0;font-weight:700}
html[data-theme="dark"] small,html[data-theme="dark"] .muted,html[data-theme="dark"] .fine-print,html[data-theme="dark"] .flow-note{color:#d5e0ea;font-size:13px;font-weight:500}
html[data-theme="dark"] .flow-note{font-size:13px}
html[data-theme="dark"] .status-badge,html[data-theme="dark"] .preview-badge{color:#c8f8e7;font-weight:700}
html[data-theme="dark"] .code-panel pre,html[data-theme="dark"] .code-panel code{color:#e7f2f7;font-size:13px;line-height:1.75;font-weight:500}
html[data-theme="dark"] .code-panel code span{color:#8ff0cf}
html[data-theme="dark"] .code-panel .code-foot{color:#d5e0ea;font-size:12px;font-weight:500}
html[data-theme="dark"] .footer-grid>div:not(:first-child) a{color:#e7f2f7;font-size:14px;font-weight:600}
html[data-theme="dark"] footer h3{color:#fff;font-weight:750}
html[data-theme="dark"] .footer-bottom,html[data-theme="dark"] .footer-bottom p{color:#d5e0ea;font-size:13px;font-weight:500}
html[data-theme="dark"] .legal-placeholders summary,html[data-theme="dark"] .faq-items summary{color:#fff;font-weight:750}
html[data-theme="dark"] .legal-placeholders details,html[data-theme="dark"] .faq-items details{border-color:#405267}
html[data-theme="dark"] .secondary{color:#f4f7fc;border-color:#5b6c80}
html[data-theme="dark"] .theme-toggle{color:#f4f7fc;border-color:#5b6c80}
html[data-theme="dark"] .floating-acquisition{color:#f4f7fc}
@media(max-width:600px){html[data-theme="light"] .code-panel pre,html[data-theme="light"] .code-panel code,html[data-theme="dark"] .code-panel pre,html[data-theme="dark"] .code-panel code{font-size:12px}.flow-note{font-size:12px!important}}