/* Commerce App — Brand vars (additive)
   Scoped under .ca-portal-app so theme styles are not impacted.
*/
.ca-portal-app { --ca-primary: var(--ca-primary, #2563eb); --ca-accent: var(--ca-accent, #22c55e); }

/* Buttons / CTAs */
.ca-portal-app .ca-btn--primary,
.ca-portal-app .ca-cta,
.ca-portal-app .ca-pill--primary {
  background: var(--ca-primary);
  border-color: var(--ca-primary);
}
.ca-portal-app .ca-btn--primary:hover,
.ca-portal-app .ca-cta:hover {
  filter: brightness(0.95);
}

/* Chips / badges */
.ca-portal-app .ca-badge,
.ca-portal-app .ca-chip.is-accent {
  background: var(--ca-accent);
  border-color: var(--ca-accent);
}