/* CHIKARA motion standard v0.1 (draft). Tokens copied unchanged from Origami OS Living Motion Bible v1.0; only a few primitives are used here.
   Animations switch on ONLY when html[data-fx="on"] (set by js/main.js from the person's own choice: system / reduced / full).
   Reduced motion = the crease-state equivalent: the surface is already where it belongs and nothing travels. */
:root{--d1:120ms;--d2:200ms;--d3:320ms;--d4:480ms;--d5:700ms;--ease:cubic-bezier(.2,.7,.3,1);--ease-out:cubic-bezier(.05,.72,.12,1);--ease-emph:cubic-bezier(.2,.9,.08,1);--ease-paper:cubic-bezier(.22,1.14,.36,1);--stagger:52ms}
@keyframes k-sheet-in{from{opacity:0;transform:translateY(-6px) rotateX(7deg)}to{opacity:1;transform:none}}
@keyframes k-cascade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes k-logo-fold{0%{opacity:0;transform:perspective(600px) rotateX(-72deg) scale(.92)}55%{opacity:1}100%{opacity:1;transform:none}}
@keyframes k-view-in{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}
html[data-fx="on"] .om-sheet-in{animation:k-sheet-in var(--d3) var(--ease) both;transform-origin:50% 0}            /* OM-01 Sheet In: content entering a surface */
html[data-fx="on"] .om-cascade>*{animation:k-cascade var(--d3) var(--ease) both}                                     /* OM-21 Cascade Unfold: 3 to 7 siblings, 52 ms apart */
html[data-fx="on"] .om-cascade>*:nth-child(2){animation-delay:calc(var(--stagger)*1)}html[data-fx="on"] .om-cascade>*:nth-child(3){animation-delay:calc(var(--stagger)*2)}
html[data-fx="on"] .om-cascade>*:nth-child(4){animation-delay:calc(var(--stagger)*3)}html[data-fx="on"] .om-cascade>*:nth-child(5){animation-delay:calc(var(--stagger)*4)}
html[data-fx="on"] .om-cascade>*:nth-child(6){animation-delay:calc(var(--stagger)*5)}html[data-fx="on"] .om-cascade>*:nth-child(n+7){animation-delay:calc(var(--stagger)*6)}
html[data-fx="on"] .om-logo-fold{animation:k-logo-fold var(--d5) var(--ease-emph) both;transform-origin:50% 0}      /* OM-75 Logo Fold: brand surfaces and splash only */
html[data-fx="on"] .view.active{animation:k-view-in var(--d3) var(--ease)}
html[data-fx="on"] .btn:active{transform:scale(.97);transition:transform var(--d1) var(--ease)}                       /* press is 0.97 over 120 ms, never a bounce */