:root{
--radius-field:4px;
--radius-button:8px;
--radius-card:12px;
--radius-pill:999px;
--radius-zone:0px;
--radius-app-icon:26px;

--border-width:1px;
--icon-stroke:1.8; /* @kind other */

/* the only shadow in the system; depth otherwise comes from colour inversion */
--shadow-card:0 1px 2px rgba(13,20,22,.08);
--shadow-none:none;

--focus-outline:2px solid var(--focus-ring); /* @kind other */
--focus-offset:1px; /* @kind spacing */

--ease-standard:cubic-bezier(.22,.8,.2,1); /* @kind other */
--duration-fast:.2s; /* @kind other */
--duration-medium:.5s; /* @kind other */
--duration-slow:1.4s; /* @kind other */
}