/* Component foregrounds match their surfaces in both themes. */
html[data-theme="light"]{--af-readable-label:#47654f;--af-readable-accent:#00665e;--af-placeholder:#56675c}
html[data-theme="dark"]{--af-readable-label:#b5ccb4;--af-readable-accent:#8bd8c1;--af-placeholder:#adbbb0}
html[data-theme] .af-experience .af-eyebrow,
html[data-theme] .af-experience .af-step-list article>span{color:var(--af-readable-label)}
html[data-theme] .af-experience .af-breadcrumb{opacity:1;color:var(--af-readable-label)}
html[data-theme] .af-experience .af-metrics span{opacity:1;color:var(--af-readable-label)}
/* These panels remain green in both themes, so their text stays light. */
html[data-theme] .af-experience .af-cta{color:#edf6ed;background:#193e32}
html[data-theme] .af-experience .af-cta :is(h2,h3,p,li,span,b,strong,a){color:inherit}
html[data-theme] .af-experience .af-cta p{opacity:1}
html[data-theme] .af-experience .af-cta .af-eyebrow{color:#c6d9bc!important}
html[data-theme] .af-button--solid :is(span,b,strong),
html[data-theme] .af-nav-start :is(span,b,strong),
html[data-theme] .af-whatsapp :is(span,b,strong){color:inherit}
html[data-theme] .af-whatsapp{color:#fff}
/* Retain clear contrast across the whole primary button, not a pale gradient edge. */
html[data-theme] .btn-primary{background:#1b4b3c;color:#fff;border-color:#1b4b3c}
html[data-theme] .btn-primary:hover{background:#123a2d;border-color:#123a2d}
html[data-theme] .btn-primary :is(span,b,strong){color:inherit}
html[data-theme] .ap-journey-rail li.is-current span{color:#fff;background:#315d42}
html[data-theme] .ari-steps li,
html[data-theme] .ari-steps li[data-complete="true"]{opacity:1;color:var(--af-readable-label)}
html[data-theme] .ari-steps li[aria-current="step"]{color:var(--af-ink);font-weight:750}
html[data-theme] .ari-avatar,
html[data-theme] .ari-avatar span{color:#fff}
html[data-theme] .ari-message--you{color:#fff;background:#234d3e}
html[data-theme] .ari-message--you :is(p,span,b,strong,h3,li,a){color:inherit}
html[data-theme] .footer-contact-head,
html[data-theme] .footer-copyright a[href="/"],
html[data-theme] .footer-copyright a[href="https://arhamfinance.com.au/"]{color:var(--af-readable-accent)}
html[data-theme] .footer a:hover{color:var(--text)}
html[data-theme="light"] .contact-hero-badge{color:#00665e}
html[data-theme="dark"] .contact-hero-badge{color:#b4e5d6}
html[data-theme] :is(.advice-form,.af-experience,.ap-page,.ap-paths,.ap-quick) :is(input,textarea)::placeholder{color:var(--af-placeholder);opacity:1}
html[data-theme] .af-experience select option{background:var(--af-card);color:var(--af-ink)}
/* Respect focus and selection treatments supplied by the existing components. */
@media(prefers-reduced-motion:reduce){html[data-theme] .theme-toggle{transition:none}}

html[data-theme] .topbar-action:hover,
html[data-theme] .topbar-action:focus-visible{background:#1b4b3c}

/* Secondary help stays readable on its own theme surface. */
html[data-theme] .ap-form-help .ap-hint{color:var(--af-readable-label)}
html[data-theme] .ari-message b.ari-speaker{opacity:1;font-size:12px}
html[data-theme] .ari-message:not(.ari-message--you) b.ari-speaker{color:var(--af-readable-label)}