@font-face {
  font-family: 'Rocher';
  src: url('fonts/RocherColorGX.woff2');
}


@font-palette-values --Grays {
  font-family: Rocher;
  base-palette: 9;
}

@font-palette-values --Purples {
  font-family: Rocher;
  base-palette: 6;
}

@font-palette-values --Mint {
  font-family: Rocher;
  base-palette: 7;
}



.grays {
    font-family: 'Rocher';
  font-palette: --Grays;
}

.purples {
    font-family: 'Rocher';
  font-palette: --Purples;
}

.mint {
    font-family: 'Rocher';
  font-palette: --Mint;
}