:root{
--space-1:4px;
--space-2:8px;
--space-3:12px;
--space-4:16px;
--space-5:20px;
--space-6:24px;
--space-8:32px;
--space-10:40px;
--space-12:48px;
--space-16:64px;
--space-20:80px;
--space-24:96px;

--radius-sm:6px;
--radius-md:10px;
--radius-lg:16px;
--radius-xl:22px;
--radius-full:999px;

--shadow-sm:0 1px 2px rgba(11,10,7,0.06);
--shadow-md:0 4px 12px rgba(11,10,7,0.08);
--shadow-lg:0 12px 32px rgba(11,10,7,0.12);
--shadow-focus:0 0 0 3px rgba(17,75,95,0.28);

--ease-standard:cubic-bezier(0.4,0,0.2,1); /* @kind other */
--duration-fast:120ms; /* @kind other */
--duration-base:180ms; /* @kind other */
--duration-slow:280ms; /* @kind other */
}