/* Botones Human & Pastel */

.btn {
  @apply inline-flex items-center justify-center font-medium transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed;
  border-radius: 9999px; /* Pill shape */
}

/* Primary Button - Pastel Orange */
.btn-primary {
  @apply bg-primary text-white hover:bg-primary-dark shadow-sm hover:shadow-md active:transform active:scale-95 focus:ring-primary/50;
}

/* Secondary Button - Pastel Blue */
.btn-secondary {
  @apply bg-secondary text-neutral-800 hover:bg-secondary-dark shadow-sm hover:shadow-md active:transform active:scale-95 focus:ring-secondary/50;
}

/* Outline Button */
.btn-outline {
  @apply border-2 border-primary text-primary hover:bg-primary hover:text-white active:transform active:scale-95 focus:ring-primary/50;
}

/* Ghost Button */
.btn-ghost {
  @apply text-neutral-600 hover:bg-neutral-100 hover:text-neutral-900;
}

/* Sizes */
.btn-sm {
  @apply px-3 py-1.5 text-sm;
}

.btn-md {
  @apply px-5 py-2.5 text-base;
}

.btn-lg {
  @apply px-8 py-3.5 text-lg;
}

/* Icon Button */
.btn-icon {
  @apply p-2 rounded-full hover:bg-neutral-100;
}