/* Corner radii. The brand mark is circular; UI corners are soft but never pill
   unless the element is a status capsule. */
:root{
--radius-xs:4px;
--radius-sm:6px;
--radius-md:10px;
--radius-lg:16px;
--radius-xl:24px;
--radius-pill:999px;
--radius-circle:50%;
--radius-card:var(--radius-md);
--radius-control:var(--radius-sm);
--radius-capsule:var(--radius-pill);
--border-width-hairline:1px;
--border-width-thick:2px;
--border-width-accent:3px;/* the underline rule beneath section labels */
}