/* newsletter_signup block (Phase 3 Stage 4).
   Layout + form styling come from css/components/forms.css (.newsletter-*).
   .newsletter-signup always sits on --surface-dark (set there), so its heading,
   eyebrow and copy must read as on-dark: the base eyebrow/em colour is
   --em-color (orange on DC) and the heading would default to dark ink — both
   fail on navy. Lift them here. Colour is always a token. */
.newsletter-signup .eyebrow { color: var(--yellow, var(--accent-on-dark)); }
.newsletter-signup h2 { color: var(--white); }
.newsletter-signup h2 :is(em, strong) { color: var(--yellow, var(--accent-on-dark)); }
.newsletter-signup :is(p, li) { color: rgba(var(--on-dark-rgb), .84); }
.newsletter-signup a:not(.btn) { color: var(--accent-on-dark); }