:root{
--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-pill:999px;
/* Roles: media and content cards 16px, floating callouts 12px, buttons are pills */
--radius-card:var(--radius-lg);--radius-media:var(--radius-lg);--radius-callout:var(--radius-md);--radius-button:var(--radius-pill);--radius-panel:var(--radius-xl);
}