/* Slate Arctic — motion. Animar só transform e opacity. */
:root{
  --ease-hover-in:cubic-bezier(.34,1.16,.64,1); /* @kind other */
  --ease-hover-out:cubic-bezier(.4,0,.6,1); /* @kind other */
  --ease-press:cubic-bezier(.4,0,1,1); /* @kind other */
  --ease-release:cubic-bezier(0,0,.2,1); /* @kind other */

  --duration-press:180ms; /* @kind other */
  --duration-fast:200ms; /* @kind other */
  --duration-normal:220ms; /* @kind other */
  --duration-theme:300ms; /* @kind other */
  --duration-page:350ms; /* @kind other */

  --transition-surface:box-shadow var(--duration-fast) var(--ease-hover-out),background-color var(--duration-fast) var(--ease-hover-out),color var(--duration-fast) var(--ease-hover-out),transform var(--duration-press) var(--ease-press); /* @kind other */
}
@keyframes arc-draw{to{stroke-dashoffset:0}}
@keyframes arc-rise{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes arc-fade{from{opacity:0}to{opacity:1}}
@keyframes arc-pop{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
@keyframes arc-slide-left{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
@keyframes arc-shimmer{from{background-position:100% 50%}to{background-position:0 50%}}
@keyframes arc-page-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}