/* Radios. Cada valor tiene un dueño: no los intercambies. */
:root {
  --r-band:   3px;    /* banda seleccionada del deslizador, bandera de país */
  --r-chip:   7px;    /* chip, día, riel del deslizador */
  --r-inner:  8px;    /* pastilla del stepper, botón dentro de un marco */
  --r-field:  10px;   /* input, select, botón */
  --r-group:  12px;   /* marco de segmentado, tarjeta de opción, caja de OTP */
  --r-tile:   14px;   /* mosaico de ícono 52px, tarjeta de artículo */
  --r-card:   16px;   /* tarjeta, modal, panel de login */
  --r-sheet:  20px;
  --r-pill:   999px;  /* estado, medidor, avatar */
}