:root {
  --radius-xs: 6px;   /* checkbox, kbd */
  --radius-sm: 10px;  /* input pequeno, tooltip */
  --radius-md: 14px;  /* botões, inputs */
  --radius-lg: 20px;  /* cards */
  --radius-xl: 28px;  /* hero, mídia grande */
  --radius-full: 999px; /* badges, tags, switch */
}