/* Radii. Cards get generous soft corners; pills are fully round; nothing is
   square except hairlines and the workspace canvas. */
:root{
  --radius-pill:999px;
  --radius-card-xl:24px;
  --radius-card-lg:22px;
  --radius-card-md:20px;
  --radius-card:18px;
  --radius-note:16px;
  --radius-inner:14px;
  --radius-field:12px;
  --radius-chip:10px;
}