$shark: (
    50: #f7f7f8,
    100: #eeeef0,
    200: #d9d9de,
    300: #b9bac0,
    400: #92939e,
    500: #757682,
    600: #5e5e6b,
    700: #4d4d57,
    800: #42424a,
    900: #3a3a40,
    950: #1d1d20
);

$minsk: (
    50: #eff3fe,
    100: #e1eafe,
    200: #c9d7fc,
    300: #a8bcf9,
    400: #8599f4,
    500: #6875ec,
    600: #4c4fdf,
    700: #3d3dc5,
    800: #34359f,
    900: #2e3176,
    950: #1d1d49
);

$picton: (
    50: #f2f8fd,
    100: #e4effa,
    200: #c3def4,
    300: #8ec4eb,
    400: #50a5de,
    500: #2b8bcc,
    600: #1c6ead,
    700: #18588c,
    800: #184b74,
    900: #194061,
    950: #112940
);

$malachite: (
    50: #f2fdf0,
    100: #dffcdc,
    200: #c1f7bb,
    300: #90ee87,
    400: #5bde50,
    500: #2fc423,
    600: #21a217,
    700: #1d7f16,
    800: #1c6417,
    900: #175314,
    950: #062e05,
);

$viking: (
    50: #eefcfd,
    100: #d4f6f9,
    200: #aeedf3,
    300: #76deea,
    400: #50cdde,
    500: #1ba9bf,
    600: #1988a1,
    700: #1b6d83,
    800: #1f5a6b,
    900: #1e4b5b,
    950: #0e313e
);

$lightning: (
    50: #fcfde9,
    100: #fbfcc5,
    200: #fbf98d,
    300: #f8ee4c,
    400: #f5e12f,
    500: #e4c50e,
    600: #c59b09,
    700: #9d700b,
    800: #825811,
    900: #6f4814,
    950: #402608
);

$amaranth: (
    50: #fdf4f3,
    100: #fce7e8,
    200: #f8d3d4,
    300: #f2afb2,
    400: #eb818a,
    500: #dc4756,
    600: #ca344a,
    700: #aa263d,
    800: #8e2338,
    900: #7a2136,
    950: #440d19
);

@mixin util-classes($prefix, $palette) {
  @each $hue, $hex in $palette {
    // e.g. class="minsk-500"
    .#{$prefix}-#{$hue} {
      color: $hex !important;
    }

    // e.g. class="bg-minsk-500"
    .bg-#{$prefix}-#{$hue} {
      background-color: $hex !important;
      color: if($hue <= 400, #000, #fff);
    }
  }
}