:root,
.dark {
  --primary: 70 64% 59%;
  --ring: 70 64% 59%;
}

.primary-glow {
  box-shadow: 0 0 20px rgba(194, 217, 84, 0.16), 0 0 40px rgba(194, 217, 84, 0.06);
}

.primary-glow:hover {
  box-shadow: 0 0 24px rgba(194, 217, 84, 0.24), 0 0 48px rgba(194, 217, 84, 0.08);
}

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

.benefit-card__icon-wrap,
.workflow-step__icon-wrap {
  background: rgba(194, 217, 84, 0.08);
  border-color: rgba(194, 217, 84, 0.18);
}
