/* BEFORE YOU POP · Vivid section design tokens across participating BYP sites
   Scope is additive and intent-based: never replace a provider's identity. */
:root{
  --byp-wellness-strong:#b465ff;
  --byp-growth-strong:#16dcaa;
  --byp-enjoyment-strong:#31bdff;
  --byp-family-strong:#ff46af;
  --byp-vivid-radius:17px;
}
[data-life-category="wellness"],[data-byp-section="wellness"],.byp-section-wellness{
  --byp-section-accent:var(--byp-wellness-strong);
  border-color:rgba(180,101,255,.62)!important;
  background-image:linear-gradient(130deg,rgba(163,77,244,.21),rgba(30,19,55,.11))!important;
}
[data-life-category="growth"],[data-byp-section="growth"],.byp-section-growth{
  --byp-section-accent:var(--byp-growth-strong);
  border-color:rgba(22,220,170,.62)!important;
  background-image:linear-gradient(130deg,rgba(22,220,170,.18),rgba(15,43,51,.12))!important;
}
[data-life-category="enjoyment"],[data-byp-section="enjoyment"],.byp-section-enjoyment{
  --byp-section-accent:var(--byp-enjoyment-strong);
  border-color:rgba(49,189,255,.65)!important;
  background-image:linear-gradient(130deg,rgba(49,189,255,.2),rgba(29,31,89,.12))!important;
}
[data-life-category]>.life-column-head,
[data-byp-section]>.section-head,
[class*="byp-section-"]>.section-head{
  border-bottom:2px solid var(--byp-section-accent,rgba(255,70,175,.5));
  padding-bottom:10px;
}
[data-life-category] .life-number{color:var(--byp-section-accent,white)}
[data-life-category] .subcategory-list button{
  border-left:3px solid var(--byp-section-accent,rgba(255,70,175,.7));
}
[data-byp-category="wellness"]{--byp-card-accent:var(--byp-wellness-strong)}
[data-byp-category="growth"]{--byp-card-accent:var(--byp-growth-strong)}
[data-byp-category="enjoyment"]{--byp-card-accent:var(--byp-enjoyment-strong)}
.byp-vivid-card[data-byp-category]{
  border:1px solid var(--byp-card-accent,#ff46af);
  border-left-width:5px;
  border-radius:var(--byp-vivid-radius);
  background:linear-gradient(110deg,color-mix(in srgb,var(--byp-card-accent,#ff46af) 16%,#101423),#101423);
  color:#fff;
}
.byp-vivid-card a:focus-visible,.byp-vivid-card button:focus-visible{
  outline:3px solid #fff;outline-offset:3px;
}
@media(prefers-reduced-motion:reduce){.byp-vivid-card{transition:none!important}}