:root {
            --bg-color: #f8f9fa;
            --text-color: #333;
            --logo-src: url('logo 1 modif.png');
        }



        body.dark {
            --bg-color: #121212;
            --text-color: #f8f9fa;
            --logo-src: url('logo 1 blanc modif.png');
        }

        body.dark a {
    color: #7feaff;
}

        body {
            margin: 0;
            padding: 0;
            background-color: var(--bg-color);
            font-family: Arial, sans-serif;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 100vh;
            text-align: center;
            color: var(--text-color);
            transition: background-color 0.3s, color 0.3s;
        }

        .logo {
            width: 550px;
            height: auto;
            margin-bottom: 20px;
            content: var(--logo-src);
        }

        .logo-img {
            width: 550px;
            height: auto;
            margin-bottom: 20px;
        }

        .bas-gauche {
    position: fixed;
    bottom: 10px;
    left: 10px;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
}

.bas-droite {
    position: fixed;
    bottom: 10px;
    right: 10px;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
}


        h1 {
            font-size: 2em;
            margin-bottom: 10px;
        }

        p {
            font-size: 1.2em;
        }

        .toggle-btn {
            margin-top: 30px;
            padding: 10px 20px;
            font-size: 1em;
            background-color: #444;
            color: #fff;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }

        .toggle-btn:hover {
            background-color: #222;
        }