/* haplo-dialog — surcouche thème clair + barre flottante pour les sous-sites.
   Les pages de documentation embarquent leur propre <style> en thème sombre
   (Catppuccin Mocha) sur :root. Ce fichier, chargé APRÈS, ne fait qu'ajouter
   la variante claire (Catppuccin Latte) et une petite barre d'outils.
   Toutes les pages partagent les mêmes noms de variables (--bg, --fg, …). */

html[data-theme="light"]{
  --bg:#eff1f5;--bg2:#e6e9ef;--bg3:#ccd0da;
  --fg:#4c4f69;--fg2:#5c5f77;
  --accent:#1e66f5;--green:#40a02b;--yellow:#df8e1d;--red:#d20f39;--mauve:#8839ef;
  --border:#bcc0cc;
}
/* Pas de transition sur le fond ni la couleur du texte : quand la valeur vient
   d'une variable CSS qui change (bascule de thème), Chromium lance la transition
   mais ne repeint jamais la valeur finale — la page restait sombre en thème clair.
   Mesuré : transition:none => bascule correcte. La bascule est donc instantanée. */

/* Barre flottante : retour à l'accueil + bascule de thème */
.haplo-fab{position:fixed;top:.7rem;right:.7rem;z-index:9999;display:flex;gap:.4rem;}
.haplo-fab a,.haplo-fab button{
  background:var(--bg3);color:var(--fg);border:1px solid var(--border);border-radius:6px;
  padding:.3rem .55rem;font-family:inherit;font-size:.82rem;line-height:1;cursor:pointer;
  text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-width:2rem;
  transition:border-color .15s,color .15s;
}
.haplo-fab a:hover,.haplo-fab button:hover{border-color:var(--accent);color:var(--accent);}
@media print{.haplo-fab{display:none;}}