/* /css/themes.css */

/* 1. Nuit étoilée */
.theme-nuit-etoilee {
    --bg-color: #030712;
    --text-color: #f1f5f9;
    --accent-color: #38bdf8;
    --sidebar-bg: rgba(15, 23, 42, 0.4);
    --topbar-bg: rgba(15, 23, 42, 0.5);
    --border-color: rgba(56, 189, 248, 0.2);
    --glow-shadow: 0 0 20px rgba(56, 189, 248, 0.4);
}

/* 2. Nature sauvage */
.theme-nature-sauvage {
    --bg-color: #f2f9f2; /* Vert très clair/blanc */
    --text-color: #0a1f11; /* Texte Vert Sapin foncé */
    --accent-color: #58d68d; /* Vert pomme brillant */
    --sidebar-bg: rgba(10, 31, 17, 0.95); /* Menus en Vert Sapin Sombre */
    --topbar-bg: rgba(10, 31, 17, 0.95);
    --border-color: rgba(88, 214, 141, 0.3);
    --glow-shadow: 0 0 20px rgba(88, 214, 141, 0.4);
}
/* Contraste forcé pour la lisibilité sur les menus sombres */
.theme-nature-sauvage .sidebar a, 
.theme-nature-sauvage .topbar a, 
.theme-nature-sauvage .user-welcome, 
.theme-nature-sauvage .datetime,
.theme-nature-sauvage .theme-btn,
.theme-nature-sauvage .theme-option { 
    color: #f2f9f2; 
}
.theme-nature-sauvage .theme-option:hover {
    color: var(--accent-color);
}
.theme-nature-sauvage .sidebar-toggle-edge {
    background-color: #0a1f11; color: #f2f9f2;
}
.theme-nature-sauvage .nav-section h3 { color: rgba(255,255,255,0.5); }

/* --- CORRECTION ICI : Les boîtes du centre (Articles, Login, Panel Admin/Writer) deviennent claires --- */
.theme-nature-sauvage .post,
.theme-nature-sauvage .login-box,
.theme-nature-sauvage .admin-section,
.theme-nature-sauvage .writer-section {
    background: rgba(255, 255, 255, 0.85); /* Verre dépoli blanc/clair */
    border: 1px solid rgba(88, 214, 141, 0.4);
}
.theme-nature-sauvage .post h2,
.theme-nature-sauvage .writer-section h2 { 
    color: #1e5a32; 
}

/* Correction des champs de texte (inputs) pour le formulaire de Login et Panel */
.theme-nature-sauvage .form-group input,
.theme-nature-sauvage .form-group select {
    background: rgba(0, 0, 0, 0.05); /* Fond légèrement grisé */
    border: 1px solid rgba(10, 31, 17, 0.2);
    color: #0a1f11; /* Texte tapé en vert sapin */
}
.theme-nature-sauvage .form-group input:focus,
.theme-nature-sauvage .form-group select:focus {
    background: #ffffff;
    border-color: var(--accent-color);
    box-shadow: 0 0 10px rgba(88, 214, 141, 0.2);
}

/* 3. Saison enchaînée */
.theme-saison-enchainee {
    --bg-color: #1e1025;
    --text-color: #fffbeb;
    --accent-color: #f59e0b;
    --sidebar-bg: rgba(20, 10, 25, 0.6);
    --topbar-bg: rgba(20, 10, 25, 0.7);
    --border-color: rgba(245, 158, 11, 0.2);
    --glow-shadow: 0 0 20px rgba(245, 158, 11, 0.4);
    /* 60 secondes par saison = 240 secondes au total, transition ultra douce */
    animation: seasonGradient 240s infinite linear;
}
@keyframes seasonGradient {
    0% { background-color: #2b1a10; } /* Automne */
    25% { background-color: #101c2b; } /* Hiver */
    50% { background-color: #1c2b21; } /* Printemps */
    75% { background-color: #3b2a14; } /* Été */
    100% { background-color: #2b1a10; } /* Retour Automne */
}

/* 4. Vue d'étoile */
.theme-vue-d-etoile {
    --bg-color: #000000;
    --text-color: #ffffff;
    --accent-color: #d946ef;
    --sidebar-bg: rgba(20, 0, 20, 0.4);
    --topbar-bg: rgba(20, 0, 20, 0.5);
    --border-color: rgba(217, 70, 239, 0.3);
    --glow-shadow: 0 0 25px rgba(217, 70, 239, 0.6);
}

/* 5. Souvenir lointain */
.theme-souvenir-lointain {
    --bg-color: #e5e5e5;
    --text-color: #1f2937;
    --accent-color: #db2777; /* Rose élégant à la place du orange */
    --sidebar-bg: rgba(255, 255, 255, 0.4);
    --topbar-bg: rgba(255, 255, 255, 0.5);
    --border-color: rgba(0, 0, 0, 0.1);
    --glow-shadow: 0 0 20px rgba(219, 39, 119, 0.3);
}
.theme-souvenir-lointain input, .theme-souvenir-lointain select {
    color: #1f2937; background: rgba(255, 255, 255, 0.6); border: 1px solid rgba(0,0,0,0.2);
}
}