:root{
--radius-sm:4px;
--radius-md:8px;
--radius-lg:12px;
--radius-xl:20px;
--radius-pill:999px;

--shadow-sm:0 1px 2px rgba(28,43,52,0.08);
--shadow-md:0 4px 12px rgba(28,43,52,0.10);
--shadow-lg:0 12px 32px rgba(28,43,52,0.16);
--shadow-focus:0 0 0 3px var(--blue-200);

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

--border-width:1px;
--border-width-thick:2px;
}