/* Bouton de thème de la gem undust-charte (partial undust/charte/theme_toggle) — règles
   COPIÉES de app/assets/tailwind/undust_charte.css v3.5.1 (l.466-506), seules : la landing
   ne charge pas tailwind.css (le charger repeignait toute la page, revue 431). À retirer
   quand la gem livrera une feuille autonome du bouton. */
.undust-theme-toggle {
  display: block;
  box-sizing: border-box;
  width: 44px;
  height: 24px;
  padding: 0;
  margin: 0;
  border: var(--border-width-strong) solid var(--border-color-strong);
  background: var(--surface);
  cursor: pointer;
  flex: none;
  position: relative;
  border-radius: var(--radius-interactive); /* interrupteur = contrôle (N16) */
  color: var(--on-accent);
}
.undust-theme-toggle__thumb {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  background: var(--accent);
  display: grid;
  place-items: center;
  transition: transform var(--motion-duree-1) var(--motion-courbe-entree);
}
[data-theme="dark"] .undust-theme-toggle__thumb { transform: translateX(20px); }
.undust-theme-toggle__icon {
  display: none;
  width: 10px;
  height: 10px;
  stroke: var(--on-accent);
  pointer-events: none;
}
/* Soleil = surface du côté clair, pas on-accent sombre. */
.undust-theme-toggle__icon--sun { stroke: var(--surface); }
:root:not([data-theme="dark"]) .undust-theme-toggle__icon--sun { display: block; }
[data-theme="dark"] .undust-theme-toggle__icon--moon { display: block; }
@media (prefers-reduced-motion: reduce) {
  .undust-theme-toggle__thumb { transition: none; }
}