/* Couleurs globales */
:root {
    --wisher-purple: #764ba2;
}

body { 
    /* On utilise le violet uni pour le fond de la page */
    background-color: var(--wisher-purple); 
    min-height: 100vh; 
    display: flex; 
    align-items: center; 
    margin: 0;
    font-family: 'Segoe UI', sans-serif;
}

/* Cartes de connexion et formulaires */
.login-card { 
    max-width: 400px; 
    width: 90%; 
    margin: auto; 
    border-radius: 25px; 
    border: none;
    /* La carte reste blanche pour bien faire ressortir le formulaire */
    background-color: #ffffff; 
    padding: 2rem;
}

.logo-img {
    width: 150px; 
    height: auto; 
    border-radius: 20px; /* Arrondi des coins pour le logo */
    margin-bottom: 15px;
}

/* On force la couleur du bouton et des liens */
.btn-primary {
    background-color: var(--wisher-purple) !important;
    border: none !important;
}

.btn-primary:hover {
    background-color: #5e3a85 !important; /* Un violet un peu plus sombre au survol */
}

.text-muted-light { 
    color: rgba(255,255,255,0.7); 
}

.link-light { 
    color: #fff; 
    text-decoration: underline; 
}

/* Le lien "Créer un compte" en violet */
.link-wisher {
    color: var(--wisher-purple);
    text-decoration: none;
    font-weight: bold;
}

.link-wisher:hover {
    text-decoration: underline;
}

/* Boutons personnalisés */
.btn-wisher-white {
    background-color: #fff;
    color: var(--wisher-purple);
    font-weight: bold;
    border-radius: 10px;
}

.btn-wisher-white:hover {
    background-color: #f8f9fa;
    color: #5a3682;
}