:root {
  --radius-xs: 6px;   /* micro tags, swatches */
  --radius-sm: 10px;  /* botões pequenos, inputs */
  --radius-md: 12px;  /* botões padrão */
  --radius-lg: 16px;  /* cards */
  --radius-xl: 20px;  /* imagens, media, painéis grandes */
  --radius-2xl: 28px; /* hero panels */
  --radius-pill: 999px; /* etiquetas, switches, avatares */

  --border-w: 1px;
  --border-w-strong: 1.5px;
}