:root,
.dark {
  --primary: 175 66% 65%;
  --ring: 175 66% 65%;
  --primary-foreground: 216 33% 10%;
}

.primary-glow {
  box-shadow: 0 0 20px rgba(106, 224, 214, 0.16), 0 0 40px rgba(106, 224, 214, 0.06);
}

.primary-glow:hover {
  box-shadow: 0 0 24px rgba(106, 224, 214, 0.24), 0 0 48px rgba(106, 224, 214, 0.08);
}

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

.benefit-card__icon-wrap,
.workflow-step__icon-wrap {
  background: rgba(106, 224, 214, 0.08);
  border-color: rgba(106, 224, 214, 0.18);
}