:root {
  --blue: #1478f2;
  --violet: #0fbfa5;
  --green: #16d4ae;
  --navy: #08143f;
}

.btn.primary,
.button.primary,
.live-side i.active {
  background: linear-gradient(135deg, #145af8, #139bf4 52%, #16d4ae) !important;
  border-color: transparent !important;
  box-shadow: 0 10px 24px rgba(20, 120, 242, .22) !important;
}

.btn.primary:hover,
.button.primary:hover {
  box-shadow: 0 14px 30px rgba(20, 120, 242, .3) !important;
}

.main-nav button.active,
.auth-visual,
.current-plan-card,
.live-side,
.message.outbound,
.quantity-field button {
  background: #08143f !important;
}

.workspace-avatar,
.feature-icon {
  background: linear-gradient(135deg, #145af8, #16d4ae) !important;
  box-shadow: 0 7px 18px rgba(20, 120, 242, .22) !important;
}

.plan-card.popular {
  border-color: #1478f2 !important;
  box-shadow: 0 15px 42px rgba(20, 120, 242, .13) !important;
}

.popular-label,
.live-compose button {
  background: #1478f2 !important;
}

.auth-visual:after {
  background: radial-gradient(circle, rgba(20, 120, 242, .23), transparent 68%) !important;
}

.cta {
  background: linear-gradient(135deg, #08143f 0%, #10265b 68%, #075b72 100%) !important;
}