:root{
--r-xs:4px;    /* checkbox, small pill/badge */
--r-sm:6px;    /* tooltip */
--r-md:8px;    /* input, select, icon chip */
--r-lg:10px;   /* toast, colour chip */
--r-xl:12px;   /* table, list container */
--r-2xl:16px;  /* card — the default container radius */
--r-3xl:20px;  /* inner media frame */
--r-4xl:24px;  /* feature card */
--r-5xl:40px;  /* full-bleed CTA band */
--r-pill:999px;
--stroke:1px; /* @kind other */
}