.nav-text,
.muted-text,
.section-subtitle,
.browser-text,
.info-inline,
.list-soft,
.testimonial-text {
  color: var(--soft-muted);
}

.card-text,
.label-text {
  color: var(--muted-color);
}

.hero-subtitle {
  color: #6b6880;
  line-height: 1.8;
  font-weight: 400;
  letter-spacing: 0.01em;
}

.section-title,
.card-title {
  color: var(--white);
}

.bg-primary {
  background: var(--primary-color);
}

.bg-gradient-primary {
  background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
}

.soft-line {
  background: rgba(255, 255, 255, 0.06);
}

.soft-line-alt {
  background: rgba(255, 255, 255, 0.04);
}

.card-soft-1 {
  background: rgba(99, 62, 248, 0.15);
}

.card-soft-2 {
  background: rgba(167, 139, 250, 0.1);
}

.card-soft-3 {
  background: rgba(99, 62, 248, 0.08);
}

.border-soft {
  border-color: rgba(99, 62, 248, 0.3);
}

.fade-up {
  animation: fadeUp 0.7s ease-out forwards;
  opacity: 0;
}

.fade-up-d1 { animation-delay: 0.1s; }
.fade-up-d2 { animation-delay: 0.2s; }
.fade-up-d3 { animation-delay: 0.3s; }
.fade-up-d4 { animation-delay: 0.4s; }
.fade-up-d5 { animation-delay: 0.5s; }

.icon-xs {
  width: 14px;
  height: 14px;
}

.icon-sm {
  width: 16px;
  height: 16px;
}

.icon-md {
  width: 20px;
  height: 20px;
}

.icon-lg {
  width: 28px;
  height: 28px;
}

.icon-xl {
  width: 32px;
  height: 32px;
}

.inline-icon {
  display: inline;
  vertical-align: middle;
  margin-left: 4px;
}

.icon-primary {
  color: var(--primary-color);
}

.icon-secondary {
  color: var(--secondary-color);
}

.icon-whatsapp {
  color: var(--success-color);
}