/* Immediate feedback uses each application's own button color. */
@media screen {
  :is(button, a[href], summary, [role="button"], input[type="submit"], input[type="button"]):not(:disabled):not([aria-disabled="true"]) {
    -webkit-tap-highlight-color: transparent;
    transition: filter 100ms ease, box-shadow 100ms ease, translate 100ms ease;
  }
  :is(button, a[href], summary, [role="button"], input[type="submit"], input[type="button"]):not(:disabled):not([aria-disabled="true"]):is(:active, .prophima-pressed) {
    filter: brightness(.82) saturate(1.12) !important;
    box-shadow: inset 0 2px 5px #172b3e35, 0 0 0 2px #172b3e30 !important;
    translate: 0 1px;
  }
  :is(button, a[href], [role="button"])[aria-busy="true"] { cursor: progress; }
}
@media (prefers-reduced-motion: reduce) {
  :is(button, a[href], summary, [role="button"], input[type="submit"], input[type="button"]) { transition: none !important; }
  :is(button, a[href], summary, [role="button"], input[type="submit"], input[type="button"]):is(:active, .prophima-pressed) { translate: none; }
}
