:root{
/* The mark is built from circles and arcs, so radii run generous.
   Controls are pills; containers are softly rounded rectangles. */
--radius-none:0px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:26px;--radius-2xl:36px;--radius-pill:999px;--radius-circle:50%;

--radius-control:var(--radius-pill);
--radius-card:var(--radius-lg);
--radius-panel:var(--radius-xl);
--radius-input:var(--radius-md);
--radius-badge:var(--radius-pill);

/* Borders are structural here, not hairlines. */
--border-w-hair:1px; /* @kind spacing */
--border-w:2px; /* @kind spacing */
--border-w-thick:3px; /* @kind spacing */
--border-w-chunk:4px; /* @kind spacing */
}