:root,
.dark {
  --primary: 164 57% 45%;
  --ring: 164 57% 45%;
}

.primary-glow {
  box-shadow: 0 0 20px rgba(49, 179, 144, 0.16), 0 0 40px rgba(49, 179, 144, 0.06);
}

.primary-glow:hover {
  box-shadow: 0 0 24px rgba(49, 179, 144, 0.24), 0 0 48px rgba(49, 179, 144, 0.08);
}

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

.benefit-card__icon-wrap,
.workflow-step__icon-wrap {
  background: rgba(49, 179, 144, 0.08);
  border-color: rgba(49, 179, 144, 0.18);
}