:root{
--ec-radius-none:0px; /* @kind radius */
--ec-radius-xs:5px; /* @kind radius */   /* buttons, chips-on-dark */
--ec-radius-sm:6px; /* @kind radius */
--ec-radius-status:4px; /* @kind radius */ /* status chips */
--ec-radius-md:10px; /* @kind radius */  /* cards, nav bar, media — the house radius */
--ec-radius-lg:14px; /* @kind radius */  /* inner control wells, specimen wells */
--ec-radius-xl:20px; /* @kind radius */  /* full-width shell panels */
--ec-radius-2xl:30px; /* @kind radius */
--ec-radius-round:60px; /* @kind radius */
--ec-radius-full:1000px; /* @kind radius */

--ec-control-sm:34px; /* @kind spacing */
--ec-control-md:44px; /* @kind spacing */
--ec-control-lg:51px; /* @kind spacing */ /* the site's primary button height */

--ec-icon-sm:16px; /* @kind spacing */
--ec-icon-md:20px; /* @kind spacing */
--ec-icon-lg:24px; /* @kind spacing */

--ec-border-width:1px; /* @kind spacing */
--ec-focus-width:2px; /* @kind spacing */

/* This system draws edges with inset rings, not drop shadows. */
--ec-ring-subtle:inset 0 0 0 1px rgba(26,26,26,.1); /* @kind shadow */
--ec-ring-default:inset 0 0 0 1px #e7e7e7; /* @kind shadow */
--ec-ring-strong:inset 0 0 0 1px #d6d6d6; /* @kind shadow */
--ec-ring-inverse:inset 0 0 0 1px rgba(255,255,255,.14); /* @kind shadow */
--ec-shadow-none:none; /* @kind shadow */
}