:root{
--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-pill:999px;
--shadow-none:none;
--shadow-sm:0 1px 2px rgba(0,20,18,.06);
--shadow-md:0 8px 24px -8px rgba(0,20,18,.12);
--shadow-lg:0 24px 60px -20px rgba(0,20,18,.22);
--ease-calm:cubic-bezier(.2,.7,.2,1); /* @kind other */

--duration-fast:140ms; /* @kind other */
--duration-base:240ms; /* @kind other */
--duration-slow:480ms; /* @kind other */
--hairline:1px solid var(--border-default);
}