:root{
/* Every surface is outlined. Weight communicates hierarchy. */
--border-width-hairline:2px;
--border-width-thick:3px;
--border-width-ultra:4px;

--border-hairline:2px solid var(--border-ink);
--border-thick:3px solid var(--border-ink);
--border-ultra:4px solid var(--border-ink);

--radius-sm:6px;
--radius-md:8px;
--radius-lg:12px;
--radius-xl:16px;
--radius-card:24px;
--radius-pill:9999px;
}