/* Styles complémentaires au-delà de Tailwind CSS */

/* Animation d'apparition au chargement */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in {
    animation: fadeIn 0.5s ease-out both;
}

/* Chiffres tabulaires pour un alignement propre */
.tabular-nums {
    font-variant-numeric: tabular-nums;
}

/* Focus visible pour l'accessibilité */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible {
    outline: 2px solid #0d9488;
    outline-offset: 2px;
}

/* Transition douce du compteur */
#live-counter {
    transition: color 0.3s ease;
}

/* Code inline */
code {
    font-size: 0.875em;
}