/* Brand accents (2026-10-12): solid colors, no gradient text.
   One accent per page: purple home, blue AI assistant, mint done-for-you.
   On dark: the word is the color. On light: black word on a solid band. */
body { --acc: #947cee; }
body.asst { --acc: #a5b6fe; }
body.dfy { --acc: #dcfccb; }
:root { --purple: #947cee; --mint: #dcfccb; --blue: #a5b6fe; }

/* light sections: highlighter band */
em.grad, .home h2 em.grad, .asst em.grad {
  font-style: italic; color: var(--ink) !important; -webkit-text-fill-color: currentColor !important;
  background: linear-gradient(var(--acc), var(--acc)) 0 88% / 100% .42em no-repeat !important;
  -webkit-background-clip: border-box !important; background-clip: border-box !important;
  padding: 0 .12em; animation: none !important; border-radius: 4px;
}
/* homepage hero: black serif with a purple band */
.home .h2-hero h1 em { background: linear-gradient(var(--acc), var(--acc)) 0 86% / 100% .36em no-repeat !important; padding: 0 .1em; }
/* dark heroes: the word in the solid accent */
.hx2 h1 em, .d-hero h1 em, .hx-copy h1 em, .h2-copy h1 em, .a-hero h1 em {
  background: none !important; -webkit-background-clip: initial !important; background-clip: initial !important;
  color: var(--acc) !important; -webkit-text-fill-color: var(--acc) !important;
}
/* progress bars and tabs: solid accent */
.sc-tabs i b, .hx-tabs i b { background: var(--acc) !important; }
.asst .sc-tabs i b { background: #6f86f0 !important; }
.home .finale-kovi { filter: drop-shadow(0 8px 24px color-mix(in srgb, var(--acc) 60%, transparent)); }
.hx2 h1, .d-hero h1, .finale h2 { font-weight: 500; }

/* The warm family (teal → peach → lavender): rationed, only where something must stand out */
.warm { background: url(img/bg/soft-warm.jpg) center / cover !important; color: #1a1420 !important; }
.home .dfy-price.warm small { color: #5a4a52; }
.home .dfy-price.warm b, .home .dfy-price.warm b i { color: #1a1420; }
.home .dfy-price.warm span { color: #3b3036; }
.home .dfy-price.warm hr { background: rgba(26,20,32,.14); }
.home .dfy-price.warm::after { background: linear-gradient(100deg, transparent, rgba(255,255,255,.35), transparent); }
.plan.popular { background: url(img/bg/soft-warm.jpg) center / cover; border: 0 !important; box-shadow: none !important; }
.plan.popular .plan-top span { background: rgba(255,255,255,.7) !important; color: #1a1420 !important; }
.plan.popular p, .plan.popular li { color: #3b3036; }
.plan.popular hr { background: rgba(26,20,32,.14); }
.plan.popular li::before { background: #10131a !important; }
.handoff.warm { border: 0; }
.handoff.warm p { color: #3b3036; }
/* the cool accent bands use the page color; buttons in dark sections stay white */
.home .dfy-band .btn-dark { background: #fff; color: #10131a; }

/* Become a Kovi Pro: solid mint */
.pros { background: #dcfccb !important; border: 0 !important; }
.pros .kicker { color: #1f6b3a !important; }
.pros p { color: #2f4a35 !important; }
.pros .btn-outline { background: #10131a; color: #fff; border-color: #10131a; }
.pros .btn-outline:hover { background: #2b303b; color: #fff; }

/* Finale: solid page color instead of the gradient sky */
.finale { background: var(--acc) !important; color: #1a1d26; }
.finale-sky, .finale::before { display: none !important; }
.finale::after { display: none; }
.finale h2 { color: #10131a !important; }
.finale p { color: #2a2e3a !important; }
.finale .btn-glow { background: #10131a; color: #fff; box-shadow: none; }
.finale .btn-glow:hover { background: #2b303b; color: #fff; }
.finale .btn-ghost-light { color: #10131a; border-color: rgba(16,19,26,.35); }
.finale .btn-ghost-light:hover { background: rgba(16,19,26,.08); color: #10131a; }
.finale-trust { color: #2a2e3a !important; }
.finale-trust li::before { color: #10131a !important; }
.finale-kovi { filter: drop-shadow(0 6px 14px rgba(16,19,26,.25)) !important; }

/* Homepage "Try one" chips in purple */
.home .composer-foot { background: #f4f0fe; border-top-color: #e6defc; }
.home .composer-foot > span { color: #6b55c9; }
.home .composer-foot .chip.pic { border-color: #e2d9fb; background: #fff; }
.home .composer-foot .chip.pic:hover { border-color: #947cee; }
.home .composer-foot .chip.pic.on { border-color: #947cee; color: #10131a; box-shadow: 0 0 0 3px rgba(148,124,238,.18); }
.home .composer-foot .chip .th { background: #947cee !important; color: #fff !important; box-shadow: none; }
body.about-pg { --acc: #947cee; } body.careers-pg { --acc: #a5b6fe; } body.pro-pg { --acc: #dcfccb; }
body.faq-pg { --acc: #a5b6fe; } body.legal-pg { --acc: #947cee; }