/* Thème par défaut (sombre) */
.lapis {
    --bg-color: #111028;
    --text-color: #ecf0f1;
    --content-bg: #20263c;
    
    --link-color: #3498db;
    --link-hover-bg: #4a588b;
}

.clair {
    --bg-color: #8c9bcf;
    --text-color: #2c3e50;
    --content-bg: #bbc4e8;

    --link-color: #3e21fd;
    --link-hover-bg: #723ffd66;
}

.fujisaki {
    --text-color: #A3D977;
    --bg-color: #5A3E36;
    --link-color: #E3C8A3;
    --content-bg: #4A752C;
    --link-hover-bg: #b2d893;
}

.sayori {
    --text-color: #374c7a;
    --bg-color: #f2b9f4;
    --link-color: #c7016b;
    --content-bg: #89adea;
    --link-hover-bg: #fcb3ff;
}

.natsuki {
    --text-color: #672841;
    --bg-color: #ffb0db;
    --link-color: #a11d5d;
    --content-bg: #e889eb;
    --link-hover-bg: rgb(215, 120, 226);
}

.miku {
    --text-color: #39C5BB;
    --bg-color: #2c3e50;
    --link-color: #ffffff;
    --content-bg: #1A7F82;
    --link-hover-bg: #556869;
}

.figue {
    --text-color: #e3c5d5;
    --bg-color: #9a8aa6;
    --link-color: #ff5064;
    --content-bg: #4b4956;
    --link-hover-bg: white;
}

.espace {
    --text-color: #e7e7e7;
    --bg-color: #050005;
    --link-color: #6314ca;
    --content-bg: #12032a;
    --link-hover-bg: #6a24c5;
}

.hacker {
    --text-color: #c2ffc2;
    --bg-color: #000900;
    --link-color: #00ff00;
    --content-bg: #005500;
    --link-hover-bg: #1d20e8;
}

.retrowave
{
    --text-color: #e02478;
    --bg-color: #130133;
    --link-color: #ffd889;
    --content-bg: #362259;
    --link-hover-bg: #6633ff;
}

.hellsing
{
    --text-color: #e20300;
    --bg-color: #211;
    --link-color: #fff;
    --content-bg: #454545;
    --link-hover-bg: #8a0000;
}



.vert {
    --text-color: #2e5939;
    --bg-color: #afdbbf;
    --link-color: #6aae73;
    --content-bg: #b8e1c4;
    --link-hover-bg: #a4d1b5;
}

.foret {
    --text-color: #dce5d1;
    --bg-color: #1f3323;
    --link-color: #4caf50;
    --content-bg: #2b4d34;
    --link-hover-bg: #3e6e4d;
}

.ocean {
    --text-color: #e0f7fa;
    --bg-color: #013a63;
    --link-color: #4dd0e1;
    --content-bg: #025e73;
    --link-hover-bg: #03a9f4;
}

.cafe {
    --text-color: #3e2c23;
    --bg-color: #d8c4b6;
    --link-color: #a0522d;
    --content-bg: #bfa694;
    --link-hover-bg: #8b5a2b;
}

.lavande {
    --text-color: #ede7f6;
    --bg-color: #4a3a6a;
    --link-color: #9575cd;
    --content-bg: #30214d;
    --link-hover-bg: #b39ddb;
}

.cyberpunk {
    --text-color: #ffed21;
    --bg-color: #0f0236;
    --link-color: #e318dd;
    --content-bg: #1e0247;
    --link-hover-bg: #00fff7;
}