/* ========================================
   ABAGRO - Feuille de style principale
   ======================================== */

/* =====================================
   POLICES PERSONNALISÉES
   ===================================== */

/* Police pour les titres : Glysa */
@font-face {
    font-family: 'Glysa';
    src: url('fonts/Glysa.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Police pour le corps de texte : Ranade Regular */
@font-face {
    font-family: 'Ranade';
    src: url('fonts/Ranade-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Police pour le corps de texte : Ranade Bold */
@font-face {
    font-family: 'Ranade';
    src: url('fonts/Ranade-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* =====================================
   ANIMATIONS
   ===================================== */

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

.fade-in {
    animation: fadeIn 0.8s ease-out forwards;
}

/* Délais pour les animations en cascade */
.delay-1 {
    animation-delay: 0.2s;
    opacity: 0;
}

.delay-2 {
    animation-delay: 0.4s;
    opacity: 0;
}

.delay-3 {
    animation-delay: 0.6s;
    opacity: 0;
}

.delay-4 {
    animation-delay: 0.8s;
    opacity: 0;
}

/* =====================================
   STYLES PERSONNALISÉS (optionnel)
   ===================================== */

/* Vous pouvez ajouter ici des styles CSS personnalisés
   qui ne sont pas couverts par TailwindCSS */