.body{
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    background-color: #f5f5f5;
    min-height: 100vh;
}
/* Navbar */
.navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #027545ce;
    padding: 1rem 2rem;
    color: white;
}
.nav-links {
    list-style: none;
    display: flex;
    gap: 2rem;
}
.nav-links a {
    color: white;
    text-decoration: none;
    font-weight: 600;
}
.burger {
    display: none;
    background: none;
    border: none;
    color: white;
    font-size: 1.5rem;
    cursor: pointer;
}
/* Section évangélisation */
.evangelisateurs, .missions {
    padding: 2rem;
}
.missions h2 {
    color: #1565c0;
    text-align: center;
    margin-bottom: 2rem;
}
/* Carte évangélisation */
.relative.group {
    position: relative;
}
.relative.group .absolute {
    transition: opacity 0.3s ease;
}
.relative.group:hover .absolute {
    opacity: 1;
}
.relative.bg-white {
    background-color: white;
    border-radius: 1rem;
    box-shadow: 0 5px 15px rgba(0,0,0,0.15);
    padding: 1.5rem;
    height: 100%;
}
.relative.bg-white img {
    border: 3px solid #02582dc7;
    border-radius: 0.5rem;
}
.relative.bg-white h3 {
    color: #1565c0;
}
.relative.bg-white p {
    color: #555;
    margin-top: 0.5rem;
}
a:hover {
    text-decoration: none;
    color: #90caf9;
}
/* Boutons */
button, .btn {
    background-color: #1565c0;
    color: white;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
button:hover, .btn:hover {
    background-color: #90caf9;
}

/* =================================
THEME TOGGLE
================================ */

.theme-toggle{

 background:rgba(255,255,255,0.15);

 border:none;

 color:white;

 padding:6px 10px;

 border-radius:8px;

 cursor:pointer;

 font-size:1rem;

 margin-right:10px;

}


.theme-toggle:hover{

 background:rgba(255,255,255,0.3);

}


/* =================================
DARK MODE VARIABLES
================================ */

.dark{

 --soft-bg:#0f172a;

 --card-bg:#1e293b;

 --text-dark:#e5e7eb;

 --text-soft:#94a3b8;

 --primary:#22c55e;

 --primary-light:#16a34a;

}


/* fond général */

.dark body{

 background:#0f172a;

 color:#e5e7eb;

}


/* cartes */

.dark .card,
.dark .relative.bg-white,
.dark .event-card,
.dark .visionnaire-container,
.dark #verset-content{

 background:#1e293b;

 color:#e5e7eb;

}


/* navbar */

.dark .navbar{

 background:linear-gradient(
 135deg,
 #14532d,
 #166534
 );

}


/* footer */

.dark footer{

 background:linear-gradient(
 135deg,
 #14532d,
 #166534
 );

}


/* inputs */

.dark input,
.dark textarea,
.dark select{

 background:#020617;

 color:white;

 border:1px solid #334155;

}