// wip, i stop because someone standarize 'filter' after many years in IE, and decide to use a different syntax. WTF!

.debug(@var) {
  &:after {
    content: "@{var} - @{@{var}}";
  }
}

@hue_diff: hue(#384a5e) - hue(#455b73);
@sat_diff: saturation(#384a5e) - saturation(#455b73);
@ligh_diff: lightness(#384a5e) - lightness(#455b73);

@box_bg_correction: hsl(@hue_diff, @sat_diff, @ligh_diff);

.debug("hue_diff");
.debug("sat_diff");
.debug("ligh_diff");

/*
@box_bg_correction: hsl(
  hue(#384a5e) - hue(#455b73),
  saturation(#384a5e) - saturation(#455b73),
  lightness(#384a5e) - lightness(#455b73)
)
*/
.box-correction {
  -webkit-filter: saturate(@sat_diff) brightness(@ligh_diff);
  filter: saturate(@sat_diff);
 hue-rotate(90deg)

  background-color: @box_bg_correction;
}