/* wewrimo 1.2 — canonical matte contour. */
@layer design-system {
 :is(.button:not(.quiet),.progress-trigger) {
  border:1px solid var(--ww-contour-action-edge);
  background-color:var(--ww-action);
  background-image:var(--ww-contour-action-face);
  box-shadow:var(--ww-shadow-control);
 }
 :is(.button.secondary,.button.danger) {
  border-color:var(--ww-contour-neutral-edge);
  background-color:var(--ww-page);
  background-image:var(--ww-contour-neutral-face);
  box-shadow:var(--ww-shadow-neutral);
 }
 .button.danger {color:var(--ww-danger)}
 :is(.button:not(.quiet),.progress-trigger).is-hover {box-shadow:var(--ww-shadow-control-hover)}
 :is(.button.secondary,.button.danger).is-hover {box-shadow:var(--ww-shadow-neutral-hover)}
 @media(hover:hover) and (pointer:fine) {
  :is(.button:not(.quiet),.progress-trigger):hover {box-shadow:var(--ww-shadow-control-hover)}
  :is(.button.secondary,.button.danger):hover {background-image:var(--ww-contour-neutral-face);box-shadow:var(--ww-shadow-neutral-hover)}
 }
 :is(.button:not(.quiet),.progress-trigger):is(:active,.is-pressed) {
  background-image:none;box-shadow:var(--ww-shadow-control-pressed);
  transform:translateY(var(--ww-press-distance));transition-duration:var(--ww-duration-press);
 }
 :is(.button.secondary,.button.danger):is(:active,.is-pressed) {box-shadow:var(--ww-shadow-neutral-pressed)}
 .progress-trigger,
 .progress-trigger:is(:hover,:active,.is-hover,.is-pressed) {border:0;background-color:transparent;background-image:none;box-shadow:none;transform:none}
 .progress-trigger:hover {background-color:var(--ww-page)}
 .field :is(input:not([type=checkbox],[type=radio],[type=range]),textarea,select) {box-shadow:var(--ww-shadow-field)}
 .switch {box-shadow:var(--ww-shadow-track)}
 .switch::after {background:var(--ww-contour-thumb-face);box-shadow:var(--ww-shadow-thumb)}
 .segmented button[aria-pressed=true] {background-image:var(--ww-contour-neutral-face);box-shadow:var(--ww-shadow-selected)}
 :is(.button,.progress-trigger):is(:disabled,.is-disabled,[aria-busy=true]) {background-color:var(--ww-disabled-bg);color:var(--ww-disabled-text);border-color:transparent;background-image:none;box-shadow:none;transform:none;transition:none}
}
@media(prefers-reduced-motion:reduce) { :is(.button,.progress-trigger):is(:active,.is-pressed) {transform:none!important} }
@media(forced-colors:active) {
 :is(.button,.progress-trigger,.field input,.field textarea,.field select,.switch,.switch::after,.segmented button) {background-image:none!important;box-shadow:none!important;border-color:ButtonText}
}