/* ============================
   TRIBU CANOPEE - Variables & Styles
   Couleurs : violet #424d6f, vert #9e9c03, rose #e233a3
   ============================ */

:root {
    --canopee-violet: #424d6f;
    --canopee-vert: #9e9c03;
    --canopee-rose: #e233a3;
}

/* ============================
   TYPOGRAPHIE
   ============================ */
.font-title {
    font-family: var(--title-font, 'AVGARDN_2', sans-serif);
}

/* ============================
   COUNTER BAR
   ============================ */
.canopee-counter-bar {
    font-family: 'Inter', -apple-system, sans-serif;
}

/* ============================
   ABOUT CANOPEE
   ============================ */
/* Pas de surcharge ici - le bloc a son propre styling inline */

/* ============================
   WHY CARDS - Hover animation
   ============================ */
/* Le bottom-bar apparaît au hover via group-hover */

/* ============================
   FULL BANNER CANOPEE
   ============================ */
/* Section full-width dark : rien à surcharger */

/* ============================
   EVENTS CANOPEE
   ============================ */
/* Badge blink animation */
@keyframes canopee-blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
}
.animate-pulse {
    animation: canopee-blink 2s infinite;
}

/* ============================
   MEMBERS GRID
   ============================ */
/* Overlay au hover */

/* ============================
   VIDEOS GRID
   ============================ */
/* Play button hover scale - géré en Tailwind */

/* ============================
   FORMATIONS A VENIR
   ============================ */
/* Agenda items - hover bg géré en Tailwind */

/* ============================
   SPACER OVERRIDE
   Empêcher les spacers Aries de casser le design Canopée
   ============================ */
/* Les blocs canopée ont déjà leur propre padding */

/* ============================
   RESPONSIVE FIXES
   ============================ */
@media (max-width: 768px) {
    .canopee-counter-bar .flex {
        gap: 1.5rem;
    }
}