/* En gemensam tillfällig tryckrespons, separat från valt läge och fokus. */
@property --pg-pushed-level {
  syntax: "<number>";
  inherits: false;
  initial-value: 0;
}
:root {
  --pg-pushed-surface-rgb: 0 0 0;
  --pg-pushed-surface-alpha: .10;
  --pg-pushed-ink-alpha: .25;
  --pg-pushed-release-duration: 90ms;
}
html[data-pg-theme="dark"] {
  --pg-pushed-surface-rgb: 255 255 255;
}
@media (prefers-reduced-motion: reduce) {
  :root { --pg-pushed-release-duration: 0ms; }
}

/* Viktiga lagerregler går före äldre komponenters !important utan
   specificitetskrig. Inset-lagret är en färgtoning, inte en yttre skugga. */
@layer pg-press-feedback {
  .pg-press-feedback.is-pushed { --pg-pushed-level: 1; }
  .pg-press-feedback--surface:not(:disabled):not([aria-disabled="true"]):not(.global-disabled-button) {
    box-shadow: inset 0 0 0 100vmax rgb(var(--pg-pushed-surface-rgb) / calc(var(--pg-pushed-surface-alpha) * var(--pg-pushed-level))),
      var(--pg-pushed-base-shadow, 0 0 0 transparent) !important;
  }
  .pg-press-feedback--ink:not(:disabled):not([aria-disabled="true"]):not(.global-disabled-button) {
    opacity: calc(var(--pg-pushed-base-opacity, 1) * (1 - var(--pg-pushed-ink-alpha) * var(--pg-pushed-level))) !important;
  }
}