/* dddur.com — bouton « Passer » (COM-03).
 * Inséré par le script seulement, quand la signature se joue.
 * Cible ≥ 44×44 px, premier élément focalisable ; fond opaque de l'ambiance
 * « machine » et bordure de contraste ≥ 3:1 — le texte garde ainsi ≥ 4,5:1
 * sur toute image de la signature.
 */

.passer {
  position: absolute;
  inset-inline-end: var(--pas-4);
  inset-block-end: var(--pas-4);
  min-width: 44px;
  min-height: 44px;
  padding: var(--pas-2) var(--pas-4);
  font: inherit;
  font-weight: 600;
  color: var(--encre);
  background: var(--fond-2);        /* opaque : fond de surface, pas de transparence */
  border: 2px solid var(--accent);  /* contraste ≥ 3:1 sur --fond-2 */
  border-radius: var(--rayon-4);
  cursor: pointer;
}
.passer:hover { background: var(--accent); color: var(--fond-sur-accent); }
.passer:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; }

@media (forced-colors: active) {
  .passer { border: 2px solid ButtonText; }
}

/* Bouton « Rejouer la signature » (COM-06) : discret, même cible. */
.rejouer {
  position: absolute;
  inset-inline-start: var(--pas-4);
  inset-block-end: var(--pas-4);
  min-width: 44px;
  min-height: 44px;
  padding: var(--pas-2) var(--pas-3);
  font: inherit;
  font-size: .875rem;
  color: var(--encre);
  background: var(--fond-2);
  border: 1px solid var(--trait);
  border-radius: var(--rayon-2);
  cursor: pointer;
}
.rejouer:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; }