/* ── Príma Sörpad · motion ──────────────────────────────────────────────
   Short, plain, no bounce. Image cross-fades are the one place motion is
   allowed to be noticeable (the colour configurator lives on them). */

:root {
  --duration-instant: 80ms; /* @kind other */
  --duration-fast: 150ms; /* @kind other */
  --duration-base: 220ms; /* @kind other */
  --duration-slow: 280ms; /* @kind other */   /* configurator image cross-fade */
  --duration-panel: 320ms; /* @kind other */  /* detail selectors sliding open */

  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --ease-in-out: ease-in-out; /* @kind other */

  --transition-control: background-color var(--duration-fast) var(--ease-standard),
                        border-color var(--duration-fast) var(--ease-standard),
                        color var(--duration-fast) var(--ease-standard),
                        box-shadow var(--duration-fast) var(--ease-standard);
  --press-translate: translateY(1px); /* @kind other */
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --duration-fast: 1ms; /* @kind other */
    --duration-base: 1ms; /* @kind other */
    --duration-slow: 1ms; /* @kind other */
    --duration-panel: 1ms; /* @kind other */
  }
}