@tailwind base;
@tailwind components;
@tailwind utilities;

/* .btn-primary {
    @apply bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded;
}

.btn-secondary {
    @apply bg-green-500 hover:bg-green-700 text-white font-bold py-2 px-4 rounded;
}

.btn {
    @apply px-3 py-2 text-base rounded border border-slate-300 text-center transition-all shadow-sm hover:shadow-lg text-slate-600 hover:text-white hover:bg-slate-800 hover:border-slate-800 focus:text-white focus:bg-slate-800 focus:border-slate-800 active:border-slate-800 active:text-white active:bg-slate-800 disabled:pointer-events-none disabled:opacity-50 disabled:shadow-none;
}

.btn-xs {
    @apply px-2 py-1 text-xs rounded-sm;
}

.btn-sm {
    @apply px-2.5 py-1.5 text-sm rounded-md;
}

.btn-md {
    @apply px-3 py-2 text-base rounded;
}

.btn-lg {
    @apply px-4 py-3 text-lg rounded-lg;
}

.btn-group {
    @apply inline-flex;
}

.btn-group .btn {
    @apply rounded-none border-r-0;
}

.btn-group .btn:first-child {
    @apply rounded-l-md;
}

.btn-group .btn:last-child {
    @apply rounded-r-md border-r;
} */

/* Fix for double borders */
/* .btn-group .btn + .btn {
    @apply -ml-px;
} */