/* Shared affordances. Keep the existing brand, layout and control transitions. */
:root { --interaction-accent:var(--brand,var(--primary,#583a80)); }
:where(button,a[href],summary,select,input[type="button"],input[type="submit"],input[type="reset"],input[type="checkbox"],input[type="radio"],[role="button"],[role="tab"],[role="option"],label:has(input[type="checkbox"],input[type="radio"],input[type="file"])) {
  cursor:pointer;
  -webkit-tap-highlight-color:color-mix(in srgb,var(--interaction-accent) 13%,transparent);
  transition:filter 130ms ease-out,opacity 130ms ease-out,scale 110ms ease-out;
}
@media (hover:hover) and (pointer:fine) {
  :where(button,a[href],summary,select,input[type="button"],input[type="submit"],input[type="reset"],[role="button"],[role="tab"],[role="option"],label:has(input[type="checkbox"],input[type="radio"],input[type="file"])):not(:disabled):not(.drawer-backdrop):not(:has(:disabled)):not([aria-disabled="true"]):not([aria-busy="true"]):hover {
    filter:brightness(.94);
  }
}
:where(button,input[type="button"],input[type="submit"],input[type="reset"],[role="button"],[role="tab"],label:has(input[type="radio"],input[type="checkbox"])):not(:disabled):not(.drawer-backdrop):not(:has(:disabled)):not([aria-disabled="true"]):not([aria-busy="true"]):active {
  scale:.985;
}
:where(a[href],summary):not([aria-disabled="true"]):active { opacity:.8; }
:where(button,a[href],summary,select,input[type="button"],input[type="submit"],input[type="reset"],input[type="checkbox"],input[type="radio"],[role="button"],[role="tab"],[role="option"]):focus-visible {
  outline:2px solid var(--interaction-accent);
  outline-offset:3px;
}
:where(button,select,input,[role="button"],[role="tab"],[role="option"]):disabled,
:where(a,button,select,input,[role="button"],[role="tab"],[role="option"])[aria-disabled="true"] { cursor:not-allowed; }
label:has(:disabled) { cursor:not-allowed; }
:where(button,[role="button"])[aria-busy="true"] { cursor:progress; }
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto!important; }
  :where(button,a[href],summary,select,input,[role="button"],[role="tab"],[role="option"],label) { transition-duration:0s!important; }
  :where(button,input,[role="button"],[role="tab"],label):active { scale:none!important; }
}
@media (forced-colors:active) {
  :where(button,a[href],summary,select,[role="button"],[role="tab"],[role="option"]):hover { filter:none; }
  :where(button,a[href],summary,select,[role="button"],[role="tab"],[role="option"]):focus-visible { outline-color:Highlight; }
}