/* ---------------------- */
/*      DARK MODE         */
/* ---------------------- */

/* Fond global */
.dark section {
    background: linear-gradient(to bottom right, #0d1117, #0d1117) !important;
}

/* Cartes générales */
.dark .skill-card {
    background-color: #1e293b !important;
    border-color: #334155 !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.35) !important;
}

.dark .skill-card h3 {
    color: #f1f5f9 !important;
}

.dark .skill-card p,
.dark .skill-card span,
.dark .skill-card small {
    color: #cbd5e1 !important;
}

/* Titres */
.dark h1,
.dark h2,
.dark h3,
.dark h4 {
    color: #f8fafc !important;
}

/* Sous-titres header */
.dark .text-gray-600,
.dark .text-gray-700 {
    color: #cbd5e1 !important;
}

/* Pastilles & icônes (garder leur couleur d'origine) */
.dark .skill-card svg {
    stroke: currentColor;
}

/* -------- Frameworks & CMS -------- */
.dark .bg-gray-50 {
    background-color: #1e293b !important;
}

.dark .border-gray-100 {
    border-color: #475569 !important;
}

.dark .text-gray-700 {
    color: #e2e8f0 !important;
}

.dark .text-gray-500 {
    color: #94a3b8 !important;
}

/* -------- Compétences Pro -------- */
.dark .bg-gradient-to-br.from-indigo-50.to-blue-50 {
    background: linear-gradient(135deg, rgba(30,41,59,0.6), rgba(30,58,138,0.6)) !important;
}

.dark .border-indigo-100 {
    border-color: #3b82f6 !important;
}

/* -------- Soft Skills -------- */
.dark .bg-gradient-to-r.from-white.to-purple-50\/50 {
    background: linear-gradient(90deg, rgba(255,255,255,0.05), rgba(109,40,217,0.15)) !important;
}

.dark .group span {
    color: #f1f5f9 !important;
}

.dark .border-purple-500 {
    border-color: #a855f7 !important;
}

/* -------- Langues -------- */

/* Cartes orange */
.dark .bg-gradient-to-r.from-orange-50.to-red-50 {
    background: linear-gradient(90deg, rgba(251,146,60,0.15), rgba(239,68,68,0.15)) !important;
}

.dark .border-orange-100 {
    border-color: rgba(251,146,60,0.4) !important;
}

/* Carte Anglais (gris) */
.dark .bg-gray-50 {
    background-color: #1e293b !important;
}

.dark .border-gray-200 {
    border-color: #475569 !important;
}

/* Textes langues */
.dark .text-gray-900 {
    color: #f8fafc !important;
}

.dark .text-gray-600 {
    color: #cbd5e1 !important;
}

/* Badges niveaux */
.dark .bg-blue-100 {
    background-color: rgba(37, 99, 235, 0.25) !important;
    color: #60a5fa !important;
}

/* -------- Technologies -------- */
.dark .w-1\/2.mx-auto.bg-white {
    background-color: #1e293b !important;
    border-color: #334155 !important;
}

.dark .bg-gradient-to-r.from-blue-50.to-cyan-50 {
    background: linear-gradient(90deg, rgba(96,165,250,0.15), rgba(34,211,238,0.15)) !important;
}

.dark .border-blue-100 {
    border-color: rgba(96,165,250,0.4) !important;
}

.dark .text-gray-700 {
    color: #e2e8f0 !important;
}

/* Petits dots colorés */
.dark .w-2.h-2.bg-blue-500,
.dark .w-2.h-2.bg-green-500,
.dark .w-2.h-2.bg-purple-500 {
    opacity: 0.9;
}

/* -------- Background Animations -------- */
.dark .bg-blue-200\/20,
.dark .bg-cyan-200\/20,
.dark .bg-purple-200\/20 {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

 @keyframes blob {
        0%, 100% { transform: translate(0, 0) scale(1); }
        25% { transform: translate(20px, -20px) scale(1.1); }
        50% { transform: translate(-20px, 20px) scale(0.9); }
        75% { transform: translate(20px, 20px) scale(1.05); }
    }
    @keyframes float {
        0%, 100% { transform: translateY(0px); }
        50% { transform: translateY(-20px); }
    }
    @keyframes fade-in {
        from { opacity: 0; transform: translateY(20px); }
        to { opacity: 1; transform: translateY(0); }
    }
    .animate-blob { animation: blob 7s infinite; }
    .animate-float { animation: float 3s ease-in-out infinite; }
    .animate-fade-in { animation: fade-in 0.8s ease-out forwards; }
    .animation-delay-2000 { animation-delay: 2s; }
    .animation-delay-4000 { animation-delay: 4s; }
    .skill-card { transition: all 0.3s ease; }
    .skill-card:hover { transform: translateY(-5px); }