/* ============================================================
   themes.css — Couleurs et overrides par thème
   Pour ajouter un thème : ajoute un bloc .nom-theme ici
   et une entrée dans js/config.js
   ============================================================ */

/* --- Cherry Bloom (rose cerisier) -------------------------- */
.cherry-theme #profile-block,
.cherry-theme #skills-block {
  border-color: rgba(255, 183, 197, 0.6);
  background: rgba(40, 10, 20, 0.72);
}

.cherry-theme #profile-name {
  color: #FFB7C5;
  filter: drop-shadow(0 0 10px rgba(255, 183, 197, 0.8));
}

.cherry-theme #profile-bio {
  color: rgba(255, 220, 228, 0.9);
}

.cherry-theme .bio-separator {
  background: rgba(255, 183, 197, 0.3);
}

.cherry-theme .badge-box {
  background: rgba(255, 183, 197, 0.2);
}

.cherry-theme .badge-box-inner {
  box-shadow: inset 0 0 10px rgba(255, 183, 197, 0.2);
}

.cherry-theme .controls {
  background: rgba(40, 10, 20, 0.6);
}

.cherry-theme .theme-button {
  border-color: rgba(255, 183, 197, 0.4);
}

.cherry-theme .theme-button:hover {
  border-color: rgba(255, 183, 197, 0.9);
}

.cherry-theme .top-controls {
  background: rgba(40, 10, 20, 0.6);
}

.cherry-theme .visitor-counter {
  background: rgba(255, 183, 197, 0.15);
}

.cherry-theme .social-icon {
  filter: drop-shadow(0 0 8px rgba(255, 183, 197, 0.8));
}

.cherry-theme #results-theme {
  border-color: rgba(255, 183, 197, 0.4);
}

.cherry-theme #results-theme:hover {
  border-color: rgba(255, 183, 197, 0.9);
  background: rgba(40, 10, 20, 0.9);
}

.cherry-theme .skills-title {
  color: #FFB7C5;
}