:root{
--radius-xs:2px;
--radius-sm:4px;
--radius-md:6px;
--radius-lg:10px;
--radius-xl:16px;
--radius-full:999px;

--shadow-sm:0 1px 2px rgba(23,20,15,0.06);
--shadow-md:0 4px 12px rgba(23,20,15,0.08);
--shadow-lg:0 12px 32px rgba(23,20,15,0.12);
--shadow-brand:0 8px 24px rgba(16,87,105,0.18);

--ease-standard:cubic-bezier(.4,0,.2,1); /* @kind other */
--ease-out:cubic-bezier(0,0,.2,1); /* @kind other */
--duration-fast:120ms; /* @kind other */
--duration-normal:200ms; /* @kind other */
--duration-slow:320ms; /* @kind other */

--border-width:1px;
--focus-ring:0 0 0 3px rgba(31,127,152,0.28);
}