/* Mirrored verbatim from the Tasnef Design System (tokens/motion.css).
   Do not hand-edit — re-sync from the design project instead.

   The live site animates almost everything with `all .5s ease`. Kept as the brand default,
   with a faster step for small controls. Hero copy staggers up 30px: h1 → p → CTA. */
:root{
--duration-fast:200ms;
--duration-base:500ms;   /* (src) */
--duration-slow:700ms;   /* (src) hero paragraph */
--duration-reveal:1000ms;/* (src) hero CTA */
--ease-standard:ease;
--reveal-distance:30px;
--transition-control:background-color var(--duration-base) var(--ease-standard),color var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard),opacity var(--duration-base) var(--ease-standard);
--transition-fast:all var(--duration-fast) var(--ease-standard)
}
@media (prefers-reduced-motion:reduce){:root{--duration-fast:0ms;--duration-base:0ms;--duration-slow:0ms;--duration-reveal:0ms;--reveal-distance:0px}}