/* Playful - echte veer met overshoot. Dingen komen aan, ze verschijnen niet.
   Langzamer dan snappy, met opzet: de veer heeft tijd nodig om te lezen. */
:root[data-motion="playful"] {
  --t-tap: 110ms; --t-fast: 200ms; --t-mid: 380ms;
  --t-slow: 520ms; --t-page: 560ms;
  --ease-out: linear(0, 0.06 3%, 0.25 7%, 0.66 14%, 1.03 20%, 1.12 25%,
                     1.09 31%, 1.0 42%, 0.98 50%, 1.0 68%, 1);
}
:root[data-motion="playful"] .btn:active,
:root[data-motion="playful"] .icon-btn:active { transform: scale(.92); }
:root[data-motion="playful"] .kpi:hover { transform: translateY(-4px) scale(1.01); }