/* a11y-contrast.css — WCAG AA contrast overrides for the marketing site.
 *
 * Loaded LAST on every page; the !important rules guarantee these win over the
 * per-page inline <style> blocks (whose cascade drifted page-to-page, which is
 * why an earlier per-page pass didn't land). Each rule is scoped to the context
 * (dark vs light section) where the original colour failed contrast, verified
 * with _build-tools/wandersafe/audit/contrast-pixel-audit.py.
 */

/* 1. Footer copyright — inherited near-black on the dark footer (~1.1:1, invisible). */
.site-footer__copyright { color: rgba(250, 248, 244, 0.65) !important; }

/* 2. Eyebrows / kickers on dark heroes & sections — meridian #1B4FE8 fails on dark. */
.page-hero .eyebrow,
.page-hero p.eyebrow,
.section--dark .eyebrow,
.section--slate .eyebrow,
.section--void .eyebrow,
.section--navy .eyebrow,
.advisors-hero .eyebrow,
.contact-hero .eyebrow { color: #7AA7FF !important; }

/* 3. Apply buttons — white on ember #E8440E was 4.28:1; darken to clear AA. */
.btn--ember { background: #C2380A !important; }
.btn--ember:hover { background: #A8330A !important; }

/* 4. Muted / accent text on dark sections. */
.section--dark .form-label__optional,
.section--slate .form-label__optional,
.advisors-apply__form-wrap .form-label__optional { color: rgba(245, 242, 236, 0.78) !important; }
.contact-hero__lead { color: rgba(245, 242, 236, 0.82) !important; }
.section--dark .required-star,
.section--slate .required-star,
.advisors-apply__form-wrap .required-star { color: #FF8A7A !important; }

/* 5. Muted helper text on light — #686C88 was ~4.46:1; nudge darker to clear AA. */
.form-section-label,
.form-field__help,
.form-footnote,
.membership-selected-display { color: #565B75 !important; }

/* 6. Ember (#E8440E) used as link/label/icon text on light — fails as small text. */
.founder-photo-card__link,
.ws-source-card__label,
.tier__desc a,
.faq-item__answer a,
.faq-item__icon { color: #B0330D !important; }

/* 7. WanderSafe rating-tier badges — semantic colours too light on the parchment chip. */
.ws-rating-tier--safe .ws-rating-tier__badge { color: #166534 !important; }
.ws-rating-tier--generally-safe .ws-rating-tier__badge { color: #3F6212 !important; }
.ws-rating-tier--caution .ws-rating-tier__badge { color: #92400E !important; }
.ws-rating-tier--risk .ws-rating-tier__badge { color: #B91C1C !important; }

/* 8. Emphasised / muted text inside dark heroes & sections — was near-black, invisible. */
.page-hero strong,
.section--dark strong,
.section--void strong,
.section--navy strong { color: #F9F5EE !important; }
.section--navy p { color: rgba(245, 242, 236, 0.85) !important; }
.section--void p.eyebrow { color: #7AA7FF !important; }

/* 9. Ghost buttons with meridian text on dark — lighten to readable cobalt. */
.advisors-hero a.btn--ghost,
.ws-hero a.btn--ghost,
.section--dark a.btn--ghost,
.page-hero a.btn--ghost { color: #7AA7FF !important; }

/* 10. Signal-yellow used as TEXT on light backgrounds (stat values, pull-quotes).
   Scoped to the light-section quote — NOT global, so dark-section pull-quotes
   (e.g. .founder__pull-quote on index) keep their light text. */
.apply-sidebar__value,
.founder-story__pull blockquote { color: #2A2A2A !important; }

/* 11. ghost-light button placed on a light sidebar — needs dark text + border. */
.apply-sidebar .btn--ghost-light { color: #0D0F1A !important; border-color: rgba(13, 15, 26, 0.4) !important; }