:root{
--r-xs:6px; /* @kind radius */
--r-sm:10px; /* @kind radius */
--r-md:14px; /* @kind radius */
--r-lg:20px; /* @kind radius */
--r-xl:28px; /* @kind radius */
--r-image:18px; /* @kind radius */
--r-pill:999px; /* @kind radius */
--bw:1px; /* @kind radius */
--bw-strong:2px; /* @kind radius */
/* Fixed-ratio image frames */
--ratio-product:1/1; /* @kind radius */
--ratio-card:4/3; /* @kind radius */
--ratio-hero:4/5; /* @kind radius */
--ratio-hero-lg:16/9; /* @kind radius */
--ratio-wide:3/2; /* @kind radius */
}