/* ------------------------------------------------------------------
 * Accessibility fixes (WCAG 2.1 AA) — enqueued AFTER the main styles so
 * it wins. It only darkens accent TEXT on the light paper/cream grounds
 * to clear the 4.5:1 contrast bar. Every value is validated:
 *   #6b6b6b  muted text   4.82:1 on paper
 *   #7e6338  gold eyebrow 5.09:1 on paper
 *   #157a54  success text 4.81:1 on paper
 * Decorative gold on the DARK hero is deliberately left alone (it must
 * stay light there), so the warm look is unchanged.
 * ------------------------------------------------------------------ */

:root{
  --gray-500:#6b6b6b;   /* was #888888 — muted body / card meta text */
  --success:#157a54;    /* was #22c55e — "accredited" badge text     */
}

/* Section eyebrows: the gold / gold-soft variants were too light as text. */
.section-label,
.page-hero .section-label{ color:#7e6338; }
/* Keep the red-accent light heroes as they were (brick reads fine there). */
.ats-lighthero .page-hero .section-label{ color:var(--brick); }

/* Statistics-page source citations (inline-styled gold → bronze). */
.stat-card .stat-src{ color:#7e6338 !important; }

/* Tap targets (WCAG 2.5.8): give inline footer / legal links a 24px hit
 * area without changing the visible text size. */
.footer-links-list a,
.footer-bottom nav a{ display:inline-block; padding-block:4px; min-height:24px; line-height:16px; }

/* Footer contrast: the footer is dark, but a legacy main.css footer rule
 * confuses axe's background detection on inner pages, so it assumes white and
 * false-fails the (perfectly readable) tan links. Paint the real dark ground
 * directly on the link containers — identical to the footer colour, so no
 * visual change — which lets the checker resolve the true (high) ratio. */
.site-footer,
.footer-main,
.footer-bottom{ background-color:#211d18; }
/* Paint the dark ground on the column containers too (invisible — identical to
 * the footer colour) so the checker resolves EVERY footer text element: the
 * brand blurb, the email link, the legal nav. Form controls keep their own bg. */
.site-footer .footer-grid,
.site-footer .footer-grid > div,
.site-footer .footer-brand,
.site-footer .footer-links-list,
.site-footer .footer-bottom nav{ background-color:#211d18; }

/* Red CTA band: its sub-paragraph was rgba(255,255,255,.85), which composites
 * to ~#f5e4df over the brick (4.02:1). Make it solid white (4.96:1). */
.section-red .cta-banner p,
.cta-banner p{ color:#fff; }

/* Helpline bar: the phone link was brick (#bf4a2c ≈ 4.3:1) on its light peach
 * ground — nudge to the darker brick (#a63e24, 5.7:1). */
.helpline-bar a{ color:#a63e24; }

/* Footer "Ask AI" icon links: guarantee a comfortable 44px tap target with
 * clear spacing (WCAG 2.5.8). */
.footer-ai-row > a{ min-width:44px; min-height:44px; }