/* effects.css -- transitions, focus, elevation. Motion helpers only; no colour decisions. */
.btn, .list-row, .menu-item, .pane-gear {
  transition: background var(--duration-fast) var(--ease-standard),
              opacity var(--duration-fast) var(--ease-standard);
}
:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 2px; }
.dialog-box, .popover, .menu, .toast { animation: rise var(--duration-normal) var(--ease-standard); }
@keyframes rise { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 1ms !important; transition-duration: 1ms !important; }
}