/* Elevation, borders, blur, motion. Shadows are neutral black alpha only — never tinted. */
:root{
--border-width-hairline:1px;
--border-width-strong:2px;

--shadow-none:none;
--shadow-xs:0 1px 2px rgba(0,0,0,.06);
--shadow-sm:0 1px 3px rgba(0,0,0,.07),0 1px 2px rgba(0,0,0,.04);
--shadow-md:0 4px 12px rgba(0,0,0,.08);
--shadow-lg:0 12px 32px rgba(0,0,0,.10);
--shadow-xl:0 24px 64px rgba(0,0,0,.14);
--shadow-inset-hairline:inset 0 0 0 1px var(--border-subtle);
--shadow-focus:0 0 0 var(--focus-ring-width) var(--focus-ring);

--blur-glass:20px; /* @kind other */
--blur-scrim:8px; /* @kind other */

--duration-instant:80ms; /* @kind other */
--duration-fast:120ms; /* @kind other */
--duration-base:200ms; /* @kind other */
--duration-slow:320ms; /* @kind other */
--duration-slower:560ms; /* @kind other */

--ease-standard:cubic-bezier(.2,0,0,1); /* @kind other */
--ease-out:cubic-bezier(0,0,.2,1); /* @kind other */
--ease-in:cubic-bezier(.4,0,1,1); /* @kind other */
--ease-flow:cubic-bezier(.65,0,.35,1); /* @kind other */

--press-scale:.98; /* @kind other */
}