/* ===== Apple Design System Additions ===== */

/* --- Pill buttons --- */
.btn-primary,
.btn-gradient,
.btn-secondary,
.btn-ghost,
.btn-danger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border-radius: 9999px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.25s var(--ease-apple, cubic-bezier(0.28, 0.11, 0.32, 1));
}
.btn-primary {
  background-color: var(--primary-500);
  color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}
.btn-primary:hover {
  background-color: var(--primary-600);
  box-shadow: 0 6px 16px var(--shadow-primary);
  transform: translateY(-1px);
}
.btn-gradient {
  background: var(--gradient-ai);
  background-size: 160% 160%;
  color: #fff;
  box-shadow: var(--shadow-glow);
}
.btn-gradient:hover {
  filter: brightness(1.08);
  transform: translateY(-1px);
  box-shadow: 0 12px 28px rgba(94, 92, 230, 0.45);
}
.btn-secondary {
  background-color: var(--bg-tag);
  color: var(--text-primary);
}
.btn-secondary:hover {
  background-color: var(--bg-tag-hover);
}
.btn-ghost {
  background-color: transparent;
  color: var(--text-secondary);
}
.btn-ghost:hover {
  background-color: var(--bg-hover);
  color: var(--text-primary);
}
.btn-danger {
  background-color: var(--error-50);
  color: var(--error-500);
}
.btn-danger:hover {
  background-color: var(--error-500);
  color: #fff;
}
.btn-primary:active,
.btn-gradient:active,
.btn-secondary:active,
.btn-ghost:active,
.btn-danger:active {
  transform: scale(0.97);
}
.btn-primary:disabled,
.btn-gradient:disabled,
.btn-secondary:disabled,
.btn-ghost:disabled,
.btn-danger:disabled {
  opacity: 0.45;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
  filter: none;
}