/* Fond du site très légèrement grisé pour faire ressortir le blanc */
body {
    background-color: #f8fafc;
}

/* Notre fameux bandeau d'accueil dégradé */
.hero-banner {
    background: linear-gradient(135deg, var(--theme-purple), var(--theme-magenta));
    color: white;
    padding: 100px 0;
    text-align: center;
    border-bottom: 5px solid var(--theme-yellow);
}

/* Customisation du bouton "Jouer" */
.btn-play {
    background-color: var(--theme-yellow);
    color: #000;
    font-weight: bold;
    border: none;
    padding: 15px 35px;
    font-size: 1.2rem;
    border-radius: 50px;
    transition: transform 0.2s;
    text-transform: uppercase;
}

.btn-play:hover {
    transform: scale(1.05);
    color: #000;
    text-decoration: none;
} /* Correction : il manquait cette accolade ! */
        
.footer {
    border-top: 3px solid var(--theme-purple);
}

.footer h4, .footer h5 {
    letter-spacing: 0.5px;
}

.footer a.text-muted:hover {
    color: var(--theme-magenta) !important;
    padding-left: 5px;
    transition: all 0.3s ease;
}

.footer .social-links a:hover {
    color: var(--theme-purple) !important;
}