/* --- VARIABLES (Assure-toi qu'elles sont bien là) --- */
:root {
    --pixel-font: 'VT323', monospace;
    --hand-font: 'Patrick Hand', cursive;
    --dark-basil-text: #42f56c; 
    --dark-basil-top: #004500; 
    --dark-basil-bot: #000000; 
}

/* --- LE FOOTER --- */
footer { 
    /* 1. Positionnement */
    position: relative; /* Important pour qu'il ne flotte pas n'importe où */
    width: 100%;
    margin-top: auto;   /* Pousse le footer en bas si le contenu est court */

    /* 2. LE DÉGRADÉ EST ICI (Je l'ai remis !) */
    background: linear-gradient(to bottom, var(--dark-basil-top), var(--dark-basil-bot)); 
    
    /* 3. Style du texte */
    color: var(--dark-basil-text); 
    padding: 40px 20px; 
    text-align: center; 
    font-family: var(--pixel-font); 
    font-size: 1.2rem; 
    
    /* 4. Déco */
    z-index: 10; 
    border-top: 4px solid var(--dark-basil-text);   
    text-shadow: 0 0 5px rgba(66, 245, 108, 0.4); 
}

/* --- EXCEPTION ACCUEIL (Si tu veux qu'il soit fixe sur l'accueil) --- */
body.intro-mode footer {
    position: fixed; 
    bottom: 0;
    left: 0;
    /* Optionnel : tu peux changer l'opacité ici si tu veux voir le ciel à travers sur l'accueil */
    /* background: rgba(0, 69, 0, 0.9); */ 
}

/* --- LE CURSEUR CLIGNOTANT --- */
.console-cursor { 
    display: inline-block; 
    width: 10px; 
    height: 1.2rem; 
    background-color: var(--dark-basil-text); 
    animation: blink 1s step-end infinite; 
    vertical-align: middle; 
    margin-left: 5px; 
}

@keyframes blink { 
    0%, 100% { opacity: 1; } 
    50% { opacity: 0; }
}