/* LuluPri color roles v1: color-only, no spacing or size overrides. */
:root{--lulu-accent:#ff0080;--lulu-text:#000}
.featureRibbon .iconFocus{background-image:none;background-color:var(--lulu-accent);-webkit-mask:url(/assets/lulu-focus.svg) center/contain no-repeat;mask:url(/assets/lulu-focus.svg) center/contain no-repeat;}.featureRibbon .iconHeart{background-image:none;background-color:var(--lulu-accent);-webkit-mask:url(/assets/lulu-heart-outline.svg) center/contain no-repeat;mask:url(/assets/lulu-heart-outline.svg) center/contain no-repeat;}.featureRibbon .iconCompact{background-image:none;background-color:var(--lulu-accent);-webkit-mask:url(/assets/lulu-compact.svg) center/contain no-repeat;mask:url(/assets/lulu-compact.svg) center/contain no-repeat;}.featureRibbon .iconFrames{background-image:none;background-color:var(--lulu-accent);-webkit-mask:url(/assets/lulu-frames.svg) center/contain no-repeat;mask:url(/assets/lulu-frames.svg) center/contain no-repeat;}
/* Color-only refinement: preserve existing layout, spacing and line widths. */
.newsArt.wordmark{color:#ff0080}
.newsLinks a:first-child,.newsHeading>.newsBack{border-bottom-color:#ff0080}
.newsCard>a:hover .newsArt{border-color:#ff0080}
.newsLinks a:hover,.newsHeading>.newsBack:hover{background-color:#ff00800d}
.newsCta{border-color:#ff0080}
.newsCta:hover{background-color:#111;color:#fff}

.newsCard h3,.newsCard time,.newsCard p,.newsMeta,.newsLabel{color:var(--lulu-text)}
/* Revision 2: make the accent visible in each preview group, not only in fine type. */
.fgStage{background-color:#fff2f8}
.fgPaper{border-color:var(--lulu-accent)}
.fgSlot{border-color:#b9b9b9}
.fgMeta>span{border-color:var(--lulu-accent);background-color:#fff2f8;color:#000}
.fgFoot a{ text-decoration-color:var(--lulu-accent) }
.newsCard{border-top-color:var(--lulu-accent)}
.newsArt{border-color:var(--lulu-accent)}
.newsArt.wordmark{background-color:#fff2f8;color:var(--lulu-accent)}
.newsArt.wordmark:before{background:repeating-linear-gradient(0deg,#ff0080 0 1px,transparent 1px 3px,#ff0080 3px 5px,transparent 5px 7px)}
/* Video/save: continue the accent through structure while keeping copy black. */
.page #experience .benefitGrid article{border-top-color:var(--lulu-accent)}
.page #experience .saveFlow{border-color:var(--lulu-accent);background-color:#fff2f8}
/* Lower page rhythm: pink surfaces for groups, vivid boundaries for information. */
.page #pricing .planGrid article{border-top-color:var(--lulu-accent);background-color:#fff}
.page #delivery .setupList>div{border-top-color:#ef9ac4}
.page #faq .faqList details{border-color:#ef9ac4}
.page #faq .faqList details[open]{background-color:#fff2f8}
.page #contact{border-top-color:var(--lulu-accent);background-color:#fff2f8}
.page #contact .contactCta{background-color:var(--lulu-accent);color:#fff;border-color:var(--lulu-accent)}
.page #contact .contactCta span{color:#fff}
.page #contact .contactCta:hover{background-color:#000;color:#fff;border-color:#000}
.page #contact .contactCta:hover span{color:#fff}
/* Native scroll cue and detail link use the same accent. */
.fgTrack{scrollbar-color:var(--lulu-accent) #f6e6ee}
.fgFoot a{border-bottom-color:var(--lulu-accent)}