/* Custom Button Components */

/* Enovis Brand Button */
.btn-enovis {
  @apply bg-brand-500 text-white px-4 py-2 rounded-lg font-medium;
  @apply hover:bg-brand-600 active:bg-brand-700;
  @apply focus:outline-none focus:ring-2 focus:ring-brand-500 focus:ring-offset-2;
  @apply transition-all duration-200;
  @apply dark:bg-brand-600 dark:hover:bg-brand-700 dark:active:bg-brand-800;
}

.btn-enovis:disabled {
  @apply bg-gray-300 text-gray-500 cursor-not-allowed;
  @apply dark:bg-gray-700 dark:text-gray-400;
}

/* Secondary Button */
.btn-secondary {
  @apply bg-gray-100 text-gray-900 border border-gray-200;
  @apply hover:bg-gray-200 active:bg-gray-300;
  @apply px-4 py-2 rounded-lg font-medium transition-all duration-200;
  @apply dark:bg-gray-800 dark:text-gray-100 dark:border-gray-700;
  @apply dark:hover:bg-gray-700 dark:active:bg-gray-600;
}

/* Outline Button */
.btn-outline {
  @apply bg-transparent text-brand-500 border border-brand-500;
  @apply hover:bg-brand-50 active:bg-brand-100;
  @apply px-4 py-2 rounded-lg font-medium transition-all duration-200;
  @apply dark:text-brand-400 dark:border-brand-400;
  @apply dark:hover:bg-brand-900 dark:active:bg-brand-800;
}

.moo {
  text-color:#ff00ff;
  background-color: #000;
}