/* Theme Manager publishes variables; Storefront UI consumes them. */
body.cpm-theme-manager-active{
  --cpm-accent:var(--cpm-event-accent,#d71920);
  --cpm-ink:var(--cpm-event-text,#111317);
}

/* Event banner is intentionally restrained so the brand stays primary. */
.cpm-event-banner{
  width:100%;
  padding:9px 16px;
  text-align:center;
  background:var(--cpm-event-accent2,#111317);
  color:var(--cpm-event-text,#fff);
  border-bottom:3px solid var(--cpm-event-accent,#d71920);
  font-size:.88rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.cpm-theme-black-friday .cpm-event-banner{
  background:#000;
  color:#fff;
  border-bottom-color:#fff;
}
.cpm-theme-holiday .cpm-event-banner{
  background:#0f5132;
  color:#fff;
}
.cpm-theme-new-year .cpm-event-banner{
  background:#111317;
  color:#fff;
  border-bottom-color:#d4af37;
}

/* Safe theme-surface accents. Does not replace layout or content. */
body.cpm-theme-manager-active .cpm-journey-card:hover,
body.cpm-theme-manager-active .cpm-service-card:hover{
  border-color:var(--cpm-event-accent,#d71920);
}
body.cpm-theme-manager-active .cpm-eyebrow,
body.cpm-theme-manager-active .cpm-account-eyebrow{
  color:var(--cpm-event-accent,#d71920);
}
body.cpm-theme-manager-active .cpm-button-primary{
  background:var(--cpm-event-accent,#d71920)!important;
  border-color:var(--cpm-event-accent,#d71920)!important;
}