:root,
.dark {
  --primary: 160 89% 38%;
  --ring: 160 89% 38%;
}

.primary-glow {
  box-shadow: 0 0 20px rgba(11, 183, 127, 0.16), 0 0 40px rgba(11, 183, 127, 0.06);
}

.primary-glow:hover {
  box-shadow: 0 0 24px rgba(11, 183, 127, 0.24), 0 0 48px rgba(11, 183, 127, 0.08);
}

svg[style*="rgb(249, 195, 31)"] {
  color: #0bb77f !important;
}

.benefit-card__icon-wrap,
.workflow-step__icon-wrap {
  background: rgba(11, 183, 127, 0.08);
  border-color: rgba(11, 183, 127, 0.18);
}