/* Custom animations and utilities */

@keyframes fade-in {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in {
    animation: fade-in 0.4s ease-out;
}

/* Tabular numbers for countdown timer */
.tabular-nums {
    font-variant-numeric: tabular-nums;
}

/* Base border color */
* {
    border-color: rgb(229, 231, 235); /* gray-200 */
}