/* Fransou · Marketing, un seul thème (20/10/2026). Bleu (Encre) par défaut, blanc quand le thème commun est « clair » (html[data-mode=clair],
   posé par theme-commun.js, le même réglage que toutes les applications). Se charge après marketing-v2.css et marketing-v3.css, sans les réécrire :
   - la v3 (tableau de bord, Se faire connaître, Calendrier, Avis, Résultats) passait toujours en blanc : elle prend l'Encre, comme la v2 ;
   - la v2 (fil, Écrire, Réseaux, Studio, Galerie, Modèles, Marque, Veille, Conseils, Réglages, fiche d'une publication…) n'avait qu'un thème,
     le sombre : elle reçoit son jeu blanc, en échangeant ses jetons (le fond devient blanc, le texte Encre, les nuances d'Encre des cartes
     deviennent des gris très clairs) ; les quelques couleurs écrites en dur sont reprises plus bas.
   Les aperçus de réseaux (Instagram, LinkedIn, Facebook, TikTok…) gardent leurs propres couleurs : ils montrent le réseau, pas le thème.
   Rien sous 12 px, texte à 4,5 pour 1 au moins sur chacun des deux fonds. */

/* ---------- v3 : le bleu par défaut, mêmes valeurs que la v2 (fond, texte, texte secondaire) ---------- */
.mk3v{--page:#0C181C;--carte:#10212A;--texte:#FFFFFF;--sec:#BCC6C9;--filet:#2A3A41;--contour:#536066;--plein:#FFFFFF;--plein-t:#0C181C;--ok:#7FD6A4;--attention:#F0C36A;--alerte:#FF9A82}
.mk3v .k-etoiles{color:#F0C36A}
html[data-mode=clair] .mk3v{--page:#FFFFFF;--carte:#F3F5F5;--texte:#0C181C;--sec:#536066;--filet:#D7DDDE;--contour:#C9D0D2;--plein:#0C181C;--plein-t:#FFFFFF;--ok:#1F7A55;--attention:#9A4A12;--alerte:#A12A1F}
html[data-mode=clair] .mk3v .k-etoiles{color:#8A6100}

/* ---------- v2 : le jeu blanc ---------- */
html[data-mode=clair] .mk2{
  --encre:#FFFFFF; --encre-creux:#F3F5F5; --encre-1:#F6F8F8; --encre-2:#F0F4F6; --encre-3:#E3EAED; --encre-4:#D5DDE0;
  --blanc:#0C181C; --sec:#536066; --sec-clair:#536066;
  --filet:rgba(12,24,28,.16); --filet-fort:rgba(12,24,28,.34);
  --aqua:#0B756F; --corail:#B3402A; --ocre:#8A6100; --claire:#0C181C;
  color-scheme:light
}
/* les couleurs écrites en dur sur un fond du thème */
html[data-mode=clair] .mk2 .m2-espaces nav a.m2-actif,
html[data-mode=clair] .mk2 .m2-outil.m2-actif,html[data-mode=clair] .mk2 .m2-outil:hover,
html[data-mode=clair] .mk2 .m2-menu-b:hover,html[data-mode=clair] .mk2 .m2-menu.m2-ouvert .m2-menu-b,
html[data-mode=clair] .mk2 .m2-mi,html[data-mode=clair] .mk2 .m2-res-t b{color:var(--blanc)}
html[data-mode=clair] .mk2 .m2-btn.m2-plein,html[data-mode=clair] .mk2 .m2-plein-c{background:var(--blanc);border-color:var(--blanc);color:var(--encre)}
html[data-mode=clair] .mk2 .m2-btn:hover:not(:disabled){border-color:var(--blanc)}
html[data-mode=clair] .mk2 label.m2-puce:focus-within{outline-color:var(--blanc)}
html[data-mode=clair] .mk2 :focus-visible{outline-color:var(--blanc)}
html[data-mode=clair] .mk2 .m2-aa-trait{background:var(--blanc)}
html[data-mode=clair] .mk2 .m2-refus{background:rgba(179,64,42,.10);color:#8A2A14}
html[data-mode=clair] .mk2 .m2-moteur-im,html[data-mode=clair] .mk2 .m2-declinaison canvas,html[data-mode=clair] .mk2 .m2-barre-sel,
html[data-mode=clair] .mk2 .m2-dossier-m,html[data-mode=clair] .mk2 .m2-puce-pub,html[data-mode=clair] .mk2 .m2-prop>.m2-ic-b{background:var(--encre-2)}
html[data-mode=clair] .mk2 .m2-dossier-m img,html[data-mode=clair] .mk2 .m2-dossier-m i{background:var(--encre-3)}
html[data-mode=clair] .mk2 .m2-teinte,html[data-mode=clair] .mk2 .m2-nuance i,html[data-mode=clair] .mk2 .m2-couleur-p,
html[data-mode=clair] .mk2 .m2-mini-c,html[data-mode=clair] .mk2 .m2-paire{border-color:rgba(12,24,28,.22)}
html[data-mode=clair] .mk2 .m2-rubriques a.m2-actif{background:rgba(12,24,28,.08)}
html[data-mode=clair] .mk2 .m2-bb{background:rgba(12,24,28,.06)}
html[data-mode=clair] .mk2 .m2-carte,html[data-mode=clair] .mk2 .m2-tuile,html[data-mode=clair] .mk2 .m2-type,
html[data-mode=clair] .mk2 .m2-kpi,html[data-mode=clair] .mk2 .m2-conseil{box-shadow:inset 0 0 0 1px rgba(12,24,28,.07)}
html[data-mode=clair] .mk2 .m2-menu-l{box-shadow:0 24px 60px -24px rgba(12,24,28,.28),inset 0 0 0 1px rgba(12,24,28,.1)}
html[data-mode=clair] .mk2 .m2-dire{box-shadow:0 18px 50px -20px rgba(12,24,28,.32)}
html[data-mode=clair] .mk2 .m2-modele:hover,html[data-mode=clair] .mk2 .m2-objectif:hover,html[data-mode=clair] .mk2 .m2-logo-c:hover,
html[data-mode=clair] .mk2 .m2-couleur-c:hover,html[data-mode=clair] .mk2 .m2-prop:hover{box-shadow:0 14px 34px rgba(12,24,28,.14)}
/* la seule carte « claire » du thème sombre devient la seule carte sombre du thème blanc (comme « l'avant » de la comptabilité) :
   elle reprend en local les jetons du thème bleu, son texte est blanc */
html[data-mode=clair] .mk2 .m2-post.m2-claire{
  --encre:#0C181C; --encre-creux:#08131A; --encre-1:#10212A; --encre-2:#152A33; --encre-3:#1C3540; --encre-4:#24414D;
  --blanc:#FFFFFF; --sec:#BCC6C9; --filet:rgba(188,198,201,.13); --filet-fort:rgba(255,255,255,.24); --aqua:#5ED6CF; --corail:#FF8566; --ocre:#F0C36A;
  background:#0C181C; color:#FFFFFF}
html[data-mode=clair] .mk2 .m2-post.m2-claire .m2-h,html[data-mode=clair] .mk2 .m2-post.m2-claire .m2-rr{color:#C9D1D3}
html[data-mode=clair] .mk2 .m2-post.m2-claire .m2-etat{border-color:#FFFFFF;color:#FFFFFF}
html[data-mode=clair] .mk2 .m2-post.m2-claire .m2-act{color:#FFFFFF;border-color:rgba(255,255,255,.3)}
/* pastilles et cases posées sur une image : fond Encre translucide, texte blanc dans les deux thèmes */
.mk2 .m2-ig-quand,.mk2 .m2-vg-sel{color:#FFFFFF}
/* aperçu « aucune image » d'un réseau : gris un peu plus foncé pour tenir 4,5 pour 1 sur son fond clair */
.mk2 .m2-ap-vide{color:#5F5F5F}

/* ---------- Campagnes (page propre, ou message « pas encore ouvertes ») : même fond et mêmes textes que le reste de Marketing ---------- */
/* La page suit html[data-mode] en direct, sans attendre que son pont relise sa propre clé ; le bouton « Clair / sombre » de la page est caché par la barre commune. */
html .mk3-page,html .mk3-page:has([data-mk3-mode=sombre]){background:#0C181C!important;color:#FFFFFF}
html .mk3-page .mk3{--page:#0C181C;--carte:#10212A;--texte:#FFFFFF;--sec:#BCC6C9;--filet:#2A3A41;--contour:#536066;--plein:#FFFFFF;--plein-t:#0C181C;color-scheme:dark}
html .mk3-ferme,html .mk3-ferme a{color:#FFFFFF;border-color:#FFFFFF}
html[data-mode=clair] .mk3-page,html[data-mode=clair] .mk3-page:has([data-mk3-mode=sombre]){background:#FFFFFF!important;color:#0C181C}
html[data-mode=clair] .mk3-page .mk3{--page:#FFFFFF;--carte:#F3F5F5;--texte:#0C181C;--sec:#536066;--filet:#D7DDDE;--contour:#C9D0D2;--plein:#0C181C;--plein-t:#FFFFFF;color-scheme:light}
html[data-mode=clair] .mk3-ferme,html[data-mode=clair] .mk3-ferme a{color:#0C181C;border-color:#0C181C}