/* mode sombre 
.dark-mode {
  --bg-color: #121212;
  --text-color: #f5f5f5;
}

body {
  background-color: var(--bg-color);
  color: var(--text-color);
}
*/

/* Mode sombre global */
.dark body {
    background-color: #0d1117;
    color: #e6edf3;
}

/* HERO SECTION */
.dark .bg-gradient-to-br {
    background: linear-gradient(to bottom right, #0d1117, #0d1117) !important;
}

.dark .text-gray-900 {
    color: #ffffff !important;
}
.dark .text-gray-700 {
    color: #d1d5db !important;
}
.dark .text-gray-600 {
    color: #a0aec0 !important;
}
.dark .text-gray-500 {
    color: #6b7280 !important;
}
.dark .text-gray-400 {
    color: #9ca3af !important;
}

/* Boutons */
.dark .bg-white {
    background-color: #1f2937 !important;
    color: #f3f4f6 !important;
}
.dark .border-gray-200 {
    border-color: #374151 !important;
}
.dark .hover\:bg-gray-100:hover {
    background-color: #374151 !important;
}

/* Cartes & sections */
.dark .bg-gray-50 {
    background-color: #111827 !important;
}
.dark .bg-white\/80 {
    background-color: rgba(31, 41, 55, 0.8) !important;
}
.dark .bg-white\/10 {
    background-color: rgba(255, 255, 255, 0.05) !important;
}
.dark .bg-white\/20 {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

/* About section */
.dark section#about {
    background-color: #111827 !important;
}

/* Projects section */
.dark section#projets {
    background-color: #0f172a !important;
}
.dark .group.bg-white {
    background-color: #1f2937 !important;
}
.dark .border-gray-100 {
    border-color: #4b5563 !important;
}

/* Contact section */
.dark section#contact {
    background-color: #111827 !important;
}
.dark .bg-gradient-to-br {
    background: linear-gradient(to bottom right, #1f2937, #111827) !important;
}