/* Corner radii — soft, generous. Controls are pills; cards 16px; inputs 10px. */
:root{
--radius-xs:4px;
--radius-sm:6px;
--radius-md:10px;
--radius-lg:12px;
--radius-xl:16px;
--radius-2xl:20px;
--radius-3xl:28px;
--radius-pill:999px;

--radius-button:var(--radius-pill);
--radius-input:var(--radius-md);
--radius-card:var(--radius-xl);
--radius-panel:var(--radius-2xl);
--radius-badge:var(--radius-pill);
--radius-checkbox:5px;
}