/** ---------------------------------------------------- **/
/** ///////////////////// RADIUSES ///////////////////// **/
/** ---------------------------------------------------- **/

/* Root values are handled in the tokens.css file */

  /** ------------------------------------------------------- **/
  /** /////////////////////// CLASSES /////////////////////// **/
  /** ------------------------------------------------------- **/

  /* Border radius  .................................... */

  .radius-none {
    border-radius: var(--borders__radius__none);
  }
  .radius-xs {
    border-radius: 2px;
  } 
  .radius-sm {
    border-radius: var(--borders__radius__S);
  }
  .radius-md {
    border-radius: var(--borders__radius__M);
  }
  .radius-lg {
    border-radius: var(--borders__radius__L);
  }
  .radius-xl {
    border-radius: var(--borders__radius__XL);
  }