/* ============================================================
   Clearmatter — colour variants, ROUND 2
   Loaded by Executive Coaching, Personal Coaching, Consulting, and About (the raspberry/live accent system referenced by v2-motion.js).

   Two independent layers:
     .gr  the green build-out — identical in every variant
     .ac  one accent, pops only (fills, one headline word, small marks)

   Slots: 0 live · 1 greens only · 2 fuchsia · 3 raspberry · 4 marigold
   ============================================================ */

/* ── the green range ────────────────────────────────────────
   Three new light steps fill the gap between fern-tint (0.92 L) and fern
   (0.73 L), where the palette had nothing to build grounds or hierarchy with.
   Even lightness steps, hue and chroma held to forest's. */
.gr{
  --mist:#EDF3EE;   /* new · lightest ground, replaces linen as whitespace */
  --veil:#C6DBCD;   /* new · panel grounds, input fields, hairlines */
  --sage:#A8C9B5;   /* new · rules, dividers, quiet fills */
}
/* grounds */
.gr main,.gr .hero,.gr .photostrip{background:var(--mist)}
.gr .hero__inner::before{background:linear-gradient(90deg,var(--mist) 0%,var(--mist) 58%,rgba(237,243,238,.85) 74%,rgba(237,243,238,0) 100%)}
.gr .svc--consulting{background:var(--fern-tint)}
.gr .welcome__photo{background:var(--veil)}
/* hierarchy — display headings step from midnight/slate to grove; labels to forest.
   Scoped to the light sections: the dark bands keep their linen text. */
.gr .welcome__h,.gr .svc--consulting .svc__h,.gr .svc--consulting .chal__t{color:var(--grove)}
.gr .svc__label{color:var(--forest)}
/* rules, hairlines, fields */
.gr .chal{border-top-color:rgba(45,106,79,.24)}
.gr .chal__item{border-bottom-color:rgba(45,106,79,.24)}
.gr .svc--coaching .chal,.gr .svc--coaching .chal__item{border-color:rgba(125,185,154,.28)}
.gr .signoff{border-top-color:var(--sage)}
.gr .form{border-color:var(--veil)}
.gr .field input,.gr .field textarea{border-color:var(--veil);background:var(--mist)}
.gr .cta:not(.cta--photo) .cta__write{border-bottom-color:var(--sage)}
.gr .svc--consulting .chal__mark{border-color:rgba(45,106,79,.45)}
/* header + scrollspy chrome: a neutral light gray, no green cast */
.gr .hdr.scrolled{background:rgba(233,233,231,.9);border-bottom-color:rgba(10,10,9,.1)}
.gr .spy-bar{background:rgba(233,233,231,.95);border-bottom-color:rgba(10,10,9,.1)}
.gr .sheet{background:var(--mist)}

/* ── the accent ─────────────────────────────────────────────
   base = fills · txt = text and marks · on = the label riding a fill */
[data-cv="2"]{--acc:#C0326F;--acc-hov:#A6115A;--acc-txt:#C0326F;--acc-on:#F2F2F0;--acc-tint:#EFE0E4}
[data-cv="3"]{--acc:#9B3B54;--acc-hov:#852642;--acc-txt:#9B3B54;--acc-on:#F2F2F0;--acc-tint:#F0E0E2}
/* marigold is a light accent: fills carry MIDNIGHT text, and text/marks drop to
   the deep step — base marigold is 2.2:1 on white and cannot letter. */
[data-cv="4"]{--acc:#E8A427;--acc-hov:#C8871A;--acc-txt:#8A5814;--acc-on:#0A0A09;--acc-tint:#F7EBD6}

/* pop 1 · primary action — every filled button */
.ac .btn--solid{background:var(--acc);color:var(--acc-on)}
.ac .btn--solid:hover{background:var(--acc-hov)}
.ac .btn--ghost:not(.ftr__cta){border-color:var(--acc-txt);color:var(--acc-txt)}
.ac .btn--ghost:not(.ftr__cta):hover{background:var(--acc);color:var(--acc-on)}
/* the footer CTA is a ghost button on grove — dark ground, so it keeps fern */
.ac .ftr__cta{border-color:rgba(125,185,154,.4);color:var(--fern)}
.ac .ftr__cta:hover{background:var(--fern);color:var(--grove);border-color:var(--fern)}
.ac ::selection{background:var(--acc);color:var(--acc-on)}

/* pop 2 · one accent word per display headline. The rest of the hero statement
   holds the first line's colour AND its weight, so the sentence has one
   emphasis — colour, on one word — instead of a weight break and a colour
   break in different places. Weight and colour now land on the same word, so
   the hierarchy survives if the accent is ever dialled back. */
.ac .hero__title .b{color:var(--midnight);font-weight:400}
.ac .hero__title .acw{color:var(--acc-txt);font-style:normal;font-weight:600}
.ac .welcome__name,.ac .signoff__line.b{color:var(--acc-txt)}

/* pop 3 · small marks — the Consulting accordion mark. Text links, their
   underlines and field focus stay green (Aug 27 refinement). */
.ac .svc--consulting .chal__mark{border-color:var(--acc-txt);color:var(--acc-txt)}
.ac .svc--consulting .chal__item.open .chal__mark{background:var(--acc);border-color:var(--acc);color:var(--acc-on)}

/* ── refinement · Aug 27 ─────────────────────────────────
   Pulls the accent off the green: the hero ground returns to white, the
   topology field carries a very light accent instead of dune, and the eyebrows
   carry a deep one. Light steps are from the Aug 20 tone set. */
[data-cv="2"]{--acc-light:#FFA1BF;--acc-deep:#A6115A}
[data-cv="3"]{--acc-light:#F38AA0;--acc-deep:#852642}
[data-cv="4"]{--acc-light:#F2C87E;--acc-deep:#8A5814}
.ac .hero,.ac .photostrip{background:var(--white)}
.ac .hero__inner::before{background:linear-gradient(90deg,#fff 0%,#fff 58%,rgba(255,255,255,.85) 74%,rgba(255,255,255,0) 100%)}
.ac .hero__rings .rings path{stroke:var(--acc-light)}
/* Eyebrows stay green — forest on light, fern on dark. That is one colour
   adapting to its ground; a fuchsia eyebrow on light beside a fern one on dark
   would be two hues sharing one job, and fuchsia cannot letter on grove
   (2.2:1 base, 1.6:1 deep). Green owns everything that labels or reads. */

/* ── second colour · Aug 27 ─────────────────────────────────
   Slots 5-6: the hero word and the topology move to a colour that means
   beginning, and fuchsia is left holding only action, eyebrows and marks —
   so no pink ever appears at display scale beside forest.
     sprout  a young leaf against established green, no new hue family
     dawn    new day, air, clarity — a third family, cooler */
[data-cv="5"],[data-cv="6"]{--acc:#C0326F;--acc-hov:#A6115A;--acc-txt:#C0326F;--acc-on:#F2F2F0;--acc-tint:#EFE0E4;--acc-deep:#A6115A}
[data-cv="5"]{--sec:#5F8F2A;--sec-light:#B0CE8A}
[data-cv="6"]{--sec:#3C6E8C;--sec-light:#A9C8D8}
.sc .hero__title .acw,.sc .welcome__name,.sc .signoff__line.b{color:var(--sec)}
.sc .hero__rings .rings path{stroke:var(--sec-light)}