/* ============================================================
   GraceValley — contrast corrections (injected into every page
   at build time by .eleventy.js, AFTER mobile.css).

   WHY THIS FILE EXISTS
   The brand ambers are correct on dark grounds and fail as text
   on light ones:
       --amber        #E9A23B  →  1.92 on white   (needs 4.5)
       --amber-hover  #CE8A28  →  2.88 on white, 2.55 on warm gray
   Every rule below is a small-text element (label, kicker, tag,
   numeral, inline link) that a browser audit measured failing on
   a white or #F2F1EE ground. Each selector is scoped to its LIGHT
   container on purpose — the same classes (.kicker, .lab, .tag)
   are also used on dark heroes and in the menu, where the bright
   amber is right and must not change.

   --amber-ink #8F5A10 is the amber that passes:
       5.78 on white · 5.21 on warm gray · 5.29 on the #fdf4e5 chip

   NOT CHANGED HERE, ON PURPOSE: the large italic <em> accents in
   headlines (40–96px) score 1.92–2.17 against the 3.0 large text
   needs. Fixing those changes the look of the whole site, so it's
   a design decision for Mickey, not a silent patch.
   ============================================================ */

:root{ --amber-ink:#8F5A10; }

/* index — "What's happening" */
.around-head .kicker{color:#8F5A10!important}

/* about / next / building / new-believer — mission & vision labels */
.mvc .lbl{color:#8F5A10!important}

/* visit / family — links inside open accordion panels */
.acc-panel .inner a{color:#8F5A10!important}

/* connect — the note link only.
   NOT .fam .fc .lab: those labels sit on a photo card. The photo is an
   absolutely-positioned SIBLING (.fimg with a background-image), so a
   naive "walk up the ancestors for a background-color" contrast audit
   reports them as sitting on the light section behind — they are not,
   and darkening them made them nearly unreadable on the photo.
   Rule for this file: before adding a selector, confirm nothing paints
   a photo behind it, siblings included. */
.fam-note a{color:#8F5A10!important}

/* events — recurring-day labels, section link, card tags, kicker */
.ry .d{color:#8F5A10!important}
.ehead a{color:#8F5A10!important}
.ev .ec .tag{color:#8F5A10!important}
.newc .kicker{color:#8F5A10!important}

/* give */
.g2-head .kicker{color:#8F5A10!important}
.g2way .g2lnk{color:#8F5A10!important}

/* next — stage kickers */
.stage-head .kick{color:#8F5A10!important}

/* watch — section link and message tags */
.rhead a{color:#8F5A10!important}
.msg .mc .tag{color:#8F5A10!important}

/* seek — pastor roles */
.p-card .p-role{color:#8F5A10!important}

/* kingdom builders / dominican */
.kbsay .kicker{color:#8F5A10!important}
.dintro .kicker{color:#8F5A10!important}
.stats .stat span{color:#8F5A10!important}
.dpanel .inner .d{color:#8F5A10!important}

/* staff — email links on the cards */
.member a.em{color:#8F5A10!important}

/* family */
.agc .ag-age{color:#8F5A10!important}
.fam-kick{color:#8F5A10!important}

/* accordion body copy — italic emphasis words inside open panels are
   real reading text, not decoration (membership, visit, family) */
.cb-in p em,.acc-panel .inner p em,.cb-in p.not em{color:#8F5A10!important}

/* counseling — service card headings */
.serv-card h3{color:#8F5A10!important}

/* The hero scroll cue is a real link now (membership + next); make
   it read like one to a pointer and to a keyboard. */
.banner .lead2{cursor:pointer!important;text-decoration:none!important}
.banner a.lead2:focus-visible{outline:2px solid #E9A23B!important;outline-offset:4px!important}
