/* The only file in this system that contains a millisecond (MOTION.md §10).
   Character: premium / restrained (§4). Numbers are the corrected ones — the repo
   retracts its own earlier "250-700ms" band in §2.1: NN/g "at 500ms, animations start
   to feel like a real drag"; Emil "UI animations stay under 300ms"; Carbon reserves
   700ms for background dimming alone.
   FINDINGS.md, 239 sites: the median page declares 5 distinct durations clustered on
   0.2-0.6s with 0.3s the centre, and the top tier 4. One duration everywhere is not
   what this tier does; 27 is the failure the award criteria name. Take the band. */
:root{
--duration-instant:120ms;  /* @kind other */ /* press */
--duration-fast:150ms;     /* @kind other */ /* hover, tooltip, small fade */
--duration-base:180ms;     /* @kind other */ /* dropdown, popover */
--duration-slow:240ms;     /* @kind other */ /* modal, toast, expansion */
--duration-panel:280ms;    /* @kind other */ /* drawer, sheet */
--duration-exit:180ms;     /* @kind other */ /* every exit, shorter than its enter */
--duration-moment:400ms;   /* @kind other */ /* the ONE page reveal */
--duration-stagger:40ms; /* @kind other */ /* <= 5 items */
--travel:8px;

/* Named curves. Never ease-in on UI; built-in CSS easings are too weak. */
--ease-out:cubic-bezier(0.23,1,0.32,1);        /* @kind other */ /* enter and exit */
--ease-in-out:cubic-bezier(0.77,0,0.175,1);    /* @kind other */ /* on-screen movement */
--ease-exit:cubic-bezier(0.2,0,1,0.9);         /* @kind other */ /* leaving for good */
--ease-drawer:cubic-bezier(0.32,0.72,0,1);     /* @kind other */ /* sheets */

/* Colour, underline and focus-ring transitions are KEPT under reduce (§8.3), so they
   live here unconditionally. Anything that MOVES resolves to none and is switched on
   only under prefers-reduced-motion: no-preference in base.css. */
--transition-control:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);
--transition-move:none;
--transition-fade:opacity var(--duration-base) var(--ease-out);
}
