/* Motion system. Animate transform and opacity only. Calm motion switches everything off. */
.tch-calm-toggle {
  font: inherit; font-size: .875rem; cursor: pointer;
  background: transparent; color: inherit;
  border: 1px solid var(--wp--preset--color--line, #E4DAC8); border-radius: 999px; padding: .35rem .9rem;
}
.tch-calm-toggle:hover { background: var(--wp--preset--color--sand, #E9DFCB); }
.tch-calm-toggle[aria-pressed="true"] { background: var(--wp--preset--color--ink, #2A2420); color: var(--wp--preset--color--ivory, #FBF7EF); }

html[data-calm="on"] *, html[data-calm="on"] *::before, html[data-calm="on"] *::after {
  animation: none !important;
  transition: none !important;
  scroll-behavior: auto !important;
}