/* Motion tokens. Three curves, no others. transform + opacity only (clip-path/height for accordions).
   Frequency gate: 100+/day → no animation · tens/day → ≤120 ms · occasional → standard · rare/first → the delight budget. */
:root{
  --ease-out:cubic-bezier(0.23,1,0.32,1);/* @kind other */       /* enter, exit, response */
  --ease-in-out:cubic-bezier(0.77,0,0.175,1);/* @kind other */   /* movement across the screen */
  --ease-drawer:cubic-bezier(0.32,0.72,0,1);/* @kind other */    /* sheets and panels */
  --dur-row:100ms;/* @kind other */
  --dur-hover:120ms;/* @kind other */
  --dur-tooltip:125ms;/* @kind other */
  --dur-page:150ms;/* @kind other */
  --dur-ignite:150ms;/* @kind other */
  --dur-press:160ms;/* @kind other */
  --dur-toast-out:180ms;/* @kind other */
  --dur-popover:200ms;/* @kind other */
  --dur-tabs:200ms;/* @kind other */
  --dur-list:200ms;/* @kind other */
  --dur-toast-in:240ms;/* @kind other */
  --dur-accordion:240ms;/* @kind other */
  --dur-sheen:240ms;/* @kind other */
  --dur-modal:250ms;/* @kind other */
  --dur-banner:300ms;/* @kind other */
  --dur-sheet:320ms;/* @kind other */
  --dur-wash:1200ms;/* @kind other */
  --dur-skeleton:1600ms;/* @kind other */
  --dur-hero-drift:20s;/* @kind other */
  --press-scale:.97;/* @kind other */
  --enter-scale:.96;/* @kind other */
  --popover-scale:.95;/* @kind other */
  --t-press:transform var(--dur-press) var(--ease-out);/* @kind other */
  --t-hover:background-color var(--dur-hover) var(--ease-out),color var(--dur-hover) var(--ease-out),border-color var(--dur-hover) var(--ease-out);/* @kind other */
  --t-row:background-color var(--dur-row) linear;/* @kind other */
}
@keyframes dka-skeleton{0%,100%{background-color:var(--grey-100)}50%{background-color:var(--grey-50)}}
@keyframes dka-enter{from{opacity:0;transform:scale(var(--enter-scale))}to{opacity:1;transform:none}}
@keyframes dka-popover{from{opacity:0;transform:scale(var(--popover-scale))}to{opacity:1;transform:none}}
@keyframes dka-toast-in{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}
@keyframes dka-toast-out{from{opacity:1;transform:none}to{opacity:0;transform:translateY(100%)}}
@keyframes dka-sheet-in{from{transform:translateY(100%)}to{transform:none}}
@keyframes dka-sheet-out{from{transform:none}to{transform:translateY(100%)}}
@keyframes dka-fade{from{opacity:0}to{opacity:1}}
@keyframes dka-ignite{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
@keyframes dka-wash{from{background-color:var(--accent-8)}to{background-color:transparent}}
@keyframes dka-sheen{from{transform:translateX(-120%)}to{transform:translateX(220%)}}
@keyframes dka-sms-in{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}
@keyframes dka-sms-out{from{opacity:1;transform:none}to{opacity:0;transform:translateY(-16px)}}
@keyframes dka-hero-drift{0%,100%{transform:rotate(-3deg) scale(1.08)}50%{transform:rotate(3deg) scale(1.08)}}
@media (prefers-reduced-motion:reduce){
  :root{
    --press-scale:1;/* @kind other */
    --enter-scale:1;/* @kind other */
    --popover-scale:1;/* @kind other */
    --dur-sheet:120ms;/* @kind other */
    --dur-modal:120ms;/* @kind other */
    --dur-popover:120ms;/* @kind other */
    --dur-toast-in:120ms;/* @kind other */
    --dur-toast-out:120ms;/* @kind other */
    --dur-hero-drift:0s;/* @kind other */
  }
  @keyframes dka-toast-in{from{opacity:0}to{opacity:1}}
  @keyframes dka-toast-out{from{opacity:1}to{opacity:0}}
  @keyframes dka-sheet-in{from{opacity:0}to{opacity:1}}
  @keyframes dka-sheet-out{from{opacity:1}to{opacity:0}}
  @keyframes dka-sms-in{from{opacity:0}to{opacity:1}}
  @keyframes dka-sms-out{from{opacity:1}to{opacity:0}}
  @keyframes dka-ignite{from{opacity:0}to{opacity:1}}
  @keyframes dka-sheen{from{transform:none}to{transform:none}}
}