/* Mode nuit de virtuaaa.com (08/11/2026). Actif quand <html data-theme="dark"> (choix du visiteur, gardé dans le navigateur).
   Les pages gardent leurs propres styles : ici, seulement les variables de couleur et les quelques couleurs écrites en dur. */

/* bouton lune / soleil de l'en-tête */
.nuit-bascule{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:10px;
  background:transparent;color:var(--gris);cursor:pointer;flex:none;transition:color .2s,background-color .2s}
.nuit-bascule:hover{color:var(--encre);background:var(--fond)}
.nuit-bascule svg{width:19px;height:19px;display:block}
.nuit-bascule .soleil{display:none}
html[data-theme=dark] .nuit-bascule .lune{display:none}
html[data-theme=dark] .nuit-bascule .soleil{display:block}
@media (max-width:980px){.nuit-bascule{width:44px;height:44px}}

html[data-theme=dark]{
  color-scheme:dark;
  --fond:#1B1F26; --papier:#14171C; --encre:#E9EBEE; --gris:#A3A9B1; --trait:#2D333C;
  --bleu:#8C97FF; --bleu-doux:#1F2443; --bleu-fonce:#B3BAFF; --vert:#5CCB8C;
}

/* maquettes d'écran (site du client, fiche Google, fenêtres de l'éditeur) : elles restent claires, comme des captures */
html[data-theme=dark] :is(.menu-demo,.fiche-demo,.sat-fiche,.nav-demo,.pub-carte,.pub-ok,.hb-nav,.hb-etq,.ot-barre,.ot-prise,.ot-cadre,.compteur,.tuto-fichiers){
  --fond:#F2F3F1; --papier:#FFFFFF; --encre:#111418; --gris:#5C6268; --trait:#DCDFDB;
  --bleu:#2B3BD4; --bleu-doux:#E9EBFB; --bleu-fonce:#1E2A9E; --vert:#1F7A45;
  color:var(--encre);
}
html[data-theme=dark] body{background:var(--papier)}

/* boutons pleins : un bleu plus profond que le bleu des liens, pour garder le texte blanc lisible */
html[data-theme=dark] .bouton,html[data-theme=dark] .pub-btn{background:#4353EC;color:#fff}
html[data-theme=dark] .bouton:hover,html[data-theme=dark] .bouton:focus-visible{background:#5866F6;color:#fff}
html[data-theme=dark] .packs li:not(.mieux) .bouton:hover{background:#4353EC;color:#fff}
html[data-theme=dark] .blog-filtres a[aria-current]{background:#4353EC;border-color:#4353EC;color:#fff}
html[data-theme=dark] .cats a:hover,html[data-theme=dark] .cats a:focus-visible{background:#4353EC;color:#fff}

/* fonds « encre » : l'encre devient claire, le texte passe donc en foncé */
html[data-theme=dark] .bouton-contour:hover,
html[data-theme=dark] .tableau a.voir:hover,html[data-theme=dark] .tableau a.voir:focus-visible,
html[data-theme=dark] .lien-plus:hover,html[data-theme=dark] .lien-plus:focus-visible,
html[data-theme=dark] .atelier-onglets button[aria-selected=true],
html[data-theme=dark] .demo-b:hover,
html[data-theme=dark] .demo-seg button[aria-pressed=true]{color:var(--papier)}

/* tableaux de comparaison */
html[data-theme=dark] .tableau table,html[data-theme=dark] .tableau tr{background:var(--papier)}
html[data-theme=dark] .tableau th,html[data-theme=dark] .tableau td{border-bottom-color:var(--trait)}
html[data-theme=dark] .tableau thead th{background:#20252D}
html[data-theme=dark] .tableau tbody th{background:#181C22}
html[data-theme=dark] .tableau tbody tr.nous,html[data-theme=dark] .tableau tbody tr.nous th,html[data-theme=dark] .tableau tbody tr.nous td{background:var(--bleu-doux)}
html[data-theme=dark] .tableau .oui{color:#5CCB8C}

/* textes et cartes écrits en dur */
html[data-theme=dark] .duo p,html[data-theme=dark] .cartes-alt p,html[data-theme=dark] .faq details p{color:#CBCFD5}
html[data-theme=dark] .cartes-alt article,html[data-theme=dark] .schema .sch{background:var(--fond)}
html[data-theme=dark] .cats a{background:var(--bleu-doux)}

/* démo des options de l'accueil : barre d'onglets et pastilles de réglage */
html[data-theme=dark] .demo-onglets{background:#232830}
html[data-theme=dark] .demo-pos button{background:#3A414C}
html[data-theme=dark] .demo-pos button[aria-pressed=true]{background:var(--bleu)}
html[data-theme=dark] .envoi-demo .jauge,html[data-theme=dark] .pub-envoi .jauge{background:#3A414C}

/* zones vides avant chargement des images et vidéos */
html[data-theme=dark] .ecran,html[data-theme=dark] .ecran-video,html[data-theme=dark] .atelier-ecran video,
html[data-theme=dark] .scene,html[data-theme=dark] .auto .scene,html[data-theme=dark] .auto .ch,html[data-theme=dark] .pub-visite{background-color:#232830}