/* Explain: App-specific component classes like buttons and cards, updated for new theme. - */
/* DraftRush Specific Components */
.btn-primary {
    @apply bg-[var(--primary-color)] text-white hover:bg-[var(--primary-hover)] border-none transition-colors duration-300;
}

.card-sports {
    @apply bg-[var(--surface-color)] border border-[var(--border-color)] rounded-xl shadow-lg overflow-hidden transition-all duration-300 hover:border-[var(--primary-color)]/50 hover:shadow-[0_0_15px_rgba(249,115,22,0.15)];
}

.roster-slot {
    @apply flex items-center justify-between p-3 bg-[var(--surface-color)] border border-[var(--border-color)] rounded-lg cursor-pointer transition-all duration-300;
}
.roster-slot:hover {
    @apply border-[var(--secondary-color)] bg-[var(--surface-hover)];
}
.roster-slot.active {
    @apply border-[var(--primary-color)] shadow-[0_0_10px_rgba(249,115,22,0.2)];
}
.roster-slot.filled {
    @apply border-[var(--border-color)] bg-slate-800/50;
}