/* Corner radius scale — interactive elements are always full/pill;
   content cards step to md/lg. No sharp corners on content surfaces. */
:root {
  --radius-none: 0px;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-full: 9999px;
}