/* Palette WAVE, dérivée de #8ec740 */
:root {
    --wave-primary: #8ec740;        /* couleur primaire */
    --wave-primary-dark: #5f8f22;   /* pour textes et boutons (meilleur contraste) */
    --wave-pale-1: #f6faf0;         /* ~92 % de blanc */
    --wave-pale-2: #ddeec6;         /* ~70 % de blanc */
}

/* Fond : dégradé pâle à la place de l'image par défaut */
body {
    background: linear-gradient(160deg, var(--wave-pale-1) 0%, var(--wave-pale-2) 100%) fixed !important;
}

/* Logo : hauteur fixe, largeur proportionnelle */
#header img,
img[src*="/logos/"] {
    height: 90px !important;
    width: auto !important;
    max-width: 90% !important;
}
#header {
    padding: 15px 0 !important;
    background: transparent !important;
}

/* Bouton de connexion aux couleurs de WAVE */
.btn-success,
.btn-primary {
    background-color: var(--wave-primary-dark) !important;
    border-color: var(--wave-primary-dark) !important;
}
.btn-success:hover,
.btn-primary:hover {
    background-color: var(--wave-primary) !important;
    border-color: var(--wave-primary) !important;
}