/* =========================================================
   themes.css — variantes colorées (chargé après styles.css)
   .theme-vivid  → multi-accents sur base papier
   .theme-bold   → corail / plum, plus dramatique
   ========================================================= */

/* ===================== VIVID ===================== */
.theme-vivid{ --accent:#2347E0; --accent-ink:#1B39B8; --accent-wash:#E7EAFB; }

/* illustration plein couleur */
.theme-vivid .visual-frame{background:#fff}
.theme-vivid .visual-frame img{mix-blend-mode:normal}
.theme-vivid .visual-offset{border-color:#FF7A3C}
.theme-vivid .visual-cap .num{color:#FF7A3C}

/* sections alternées légèrement teintées */
.theme-vivid .section-alt{background:#F1EFF7}

/* chiffres-clés multicolores */
.theme-vivid .metric:nth-child(1) .m-num{color:#2347E0}
.theme-vivid .metric:nth-child(2) .m-num{color:#0E9E6E}
.theme-vivid .metric:nth-child(3) .m-num{color:#E8842A}
.theme-vivid .metric:nth-child(4) .m-num{color:#D14B8F}

/* numéros de section qui tournent */
.theme-vivid #apropos .sh-no{color:#2347E0}
.theme-vivid #competences .sh-no{color:#0E9E6E}
.theme-vivid #parcours .sh-no{color:#E8842A}
.theme-vivid #projets .sh-no{color:#D14B8F}
.theme-vivid #services .sh-no{color:#7A4DD1}

/* accents secondaires */
.theme-vivid .hero-role b{color:#0E9E6E}
.theme-vivid .skill-card .sk-no{color:#0E9E6E}
.theme-vivid .proj-no{color:#D14B8F}
.theme-vivid .proj-cat{color:#2347E0}
.theme-vivid .tl-when .tl-tag{color:#2347E0;background:#E7EAFB;border-color:#E7EAFB}
.theme-vivid .skill-card:hover .chips li{border-color:#cdd6f5;color:#2347E0}
.theme-vivid .contact-panel{background:#172150}

/* ===================== BOLD ===================== */
.theme-bold{
  --paper:#FBF7F0; --paper-2:#FFFFFF; --card:#FFFFFF;
  --ink:#1B1533; --ink-2:#3a3357; --muted:#6E6880;
  --line:#ECE2D4; --line-2:#F2EBDF;
  --accent:#FF5A2C; --accent-ink:#E6481E; --accent-wash:#FFE7DE;
  --r:16px; --r-sm:11px;
}

/* illustration plein couleur, contre-cadre cobalt */
.theme-bold .visual-frame{background:#fff;border-color:var(--ink)}
.theme-bold .visual-frame img{mix-blend-mode:normal}
.theme-bold .visual-offset{border-color:#2347E0}
.theme-bold .visual-cap .num{color:#2347E0}

/* hero */
.theme-bold .hero-role b{color:#FF5A2C}

/* bande de métriques : bloc sombre coloré qui claque */
.theme-bold .metrics{background:var(--ink);border-color:var(--ink)}
.theme-bold .metric{border-left-color:rgba(255,255,255,.15)}
.theme-bold .metric:nth-child(1) .m-num{color:#FF8A5C}
.theme-bold .metric:nth-child(2) .m-num{color:#6FE0AC}
.theme-bold .metric:nth-child(3) .m-num{color:#FFD25A}
.theme-bold .metric:nth-child(4) .m-num{color:#9FB4FF}
.theme-bold .metric .m-lab{color:#cfc9de}

/* sections alternées chaudes */
.theme-bold .section-alt{background:#FFF3EB}

/* numéros de section : corail + cobalt en alternance */
.theme-bold .sh-no{color:#FF5A2C}
.theme-bold #competences .sh-no,
.theme-bold #services .sh-no{color:#2347E0}
.theme-bold .skill-card .sk-no{color:#FF5A2C}
.theme-bold .proj-no{color:#FF5A2C}
.theme-bold .proj-cat{color:#2347E0}
.theme-bold .tl-when .tl-tag{color:#FF5A2C;background:#FFE7DE;border-color:#FFE7DE}

/* panneau contact : plum profond + accents clairs */
.theme-bold .contact-panel{background:#1B1533}
.theme-bold .contact-panel .eyebrow{color:#c9b8f0}
.theme-bold .contact-panel .eyebrow::before{background:#c9b8f0}
.theme-bold .contact-panel .c-sub{color:#d8d2ec}
.theme-bold .c-row svg{color:#b9aee0}
.theme-bold .c-row .c-k{color:#b9aee0}
.theme-bold .contact-foot{color:#b9aee0}

/* boutons un peu plus présents */
.theme-bold .btn{box-shadow:0 8px 20px rgba(255,90,44,.22)}
.theme-bold .btn:hover{box-shadow:0 10px 24px rgba(255,90,44,.30)}