/* Exactly three functional radii plus full-round. No 12 / 16 / 20 / 24px exists. */
:root {
  --radius-none: 0px;
  --radius-sm: 4px;    /* all buttons, badges */
  --radius-input: 6px; /* form fields only */
  --radius-md: 8px;    /* all cards, content images, the CTA block */
  --radius-full: 99px; /* circular chips only — shapes already 1:1 */
}