/* White is the canvas; soft pink adds a restrained brand accent. */
.tone-accent{background:var(--accent);color:var(--on-accent)}
.tone-accent .split-copy .rte,.tone-accent .section-heading .rte,.tone-accent .eyebrow,.tone-accent .quote-intro .rte{color:inherit}
.tone-accent .form-card,.tone-accent .hero-category,.tone-accent .product-card,.tone-accent .collection-card,.tone-accent .review-card{color:var(--ink)}
.tone-accent .hero-title span{text-decoration-color:var(--bg)}
.brand-mark{color:var(--accent)}
.cart-count,.badge,.benefit-symbol{background:var(--accent);color:var(--on-accent)}
.hero-title span{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:.1em;text-underline-offset:.075em;text-decoration-skip-ink:none}
.hero-accent-frame{position:relative;isolation:isolate}
.hero-accent-frame::before{content:'';position:absolute;inset:-16px;z-index:-1;border-radius:calc(var(--radius) + 14px);background:var(--accent)}
.hero-accent-frame:empty::before{display:none}
.hero-category-action .icon{background:var(--accent);color:var(--on-accent);border-radius:50%;width:26px;height:26px;padding:5px}
.category-strip{padding-block:18px}
.benefit-symbol{border-radius:50%}
.tone-accent .benefit-symbol{background:var(--bg);color:var(--ink)}
.tone-accent .hero-accent-frame::before{background:var(--bg)}
.tone-accent .hero-category-action .icon{background:var(--accent);color:var(--on-accent)}
::selection{background:var(--accent);color:var(--on-accent)}
@media(max-width:749px){
 .hero-accent-frame::before{inset:-10px;border-radius:calc(var(--radius) + 8px)}
 .hero-accent-frame{margin-block:10px}
 .category-strip{padding-block:14px}
 .hero-category-action .icon{width:24px;height:24px}
}