/* background neutral */
.background-neutral-white {
  background: $mm-neutral-white;
}

.background-neutral-gray-10 {
  background: $mm-neutral-gray-10;
}

.background-neutral-gray-30 {
  background: $mm-neutral-gray-30;
}

.background-neutral-gray-40 {
  background: $mm-neutral-gray-40;
}

.background-neutral-gray-80 {
  background: $mm-neutral-gray-80;
}

.background-neutral-black {
  background: $mm-neutral-black;
}

/* background div */
.background-div-start {
  background: $mm-div-start;
}

.background-div-middle {
  background: $mm-div-middle;
}

.background-div-end {
  background: $mm-div-end;
}

/* background sem pos */
.background-sem-pos-90 {
  background: $mm-sem-pos-90;
}

.background-sem-pos-80 {
  background: $mm-sem-pos-80;
}

.background-sem-pos-60 {
  background: $mm-sem-pos-60;
}

.background-sem-pos-50 {
  background: $mm-sem-pos-50;
}

.background-sem-pos-40 {
  background: $mm-sem-pos-40;
}

.background-sem-pos-20 {
  background: $mm-sem-pos-20;
}

/* background sem pos */
.background-sem-neg-90 {
  background: $mm-sem-neg-90;
}

.background-sem-neg-80 {
  background: $mm-sem-neg-80;
}

.background-sem-neg-60 {
  background: $mm-sem-neg-60;
}

.background-sem-neg-50 {
  background: $mm-sem-neg-50;
}

.background-sem-neg-40 {
  background: $mm-sem-neg-40;
}

.background-sem-neg-20 {
  background: $mm-sem-neg-20;
}

/* background sem caution */
.background-sem-caution-90 {
  background: $mm-sem-caution-90;
}

.background-sem-caution-80 {
  background: $mm-sem-caution-80;
}

.background-sem-caution-60 {
  background: $mm-sem-caution-60;
}

.background-sem-caution-50 {
  background: $mm-sem-caution-50;
}

.background-sem-caution-40 {
  background: $mm-sem-caution-40;
}

.background-sem-caution-20 {
  background: $mm-sem-caution-20;
}

/* background sem neutral */
.background-sem-neutral-80 {
  background: $mm-sem-neutral-80;
}

.background-sem-neutral-60 {
  background: $mm-sem-neutral-60;
}

.background-sem-neutral-50 {
  background: $mm-sem-neutral-50;
}

.background-sem-neutral-40 {
  background: $mm-sem-neutral-40;
}

.background-sem-neutral-30 {
  background: $mm-sem-neutral-30;
}

.background-sem-neutral-10 {
  background: $mm-sem-neutral-10;
}

/* background qual */
.background-qual-hue-1 {
  background: $mm-qual-brand-blue;
}

.background-qual-hue-2 {
  background: $mm-qual-blue1;
}

.background-qual-hue-3 {
  background: $mm-qual-pink;
}

.background-qual-hue-4 {
  background: $mm-qual-green1;
}

.background-qual-hue-5 {
  background: $mm-qual-yellow;
}

.background-qual-hue-6 {
  background: $mm-qual-red;
}

.background-qual-hue-7 {
  background: $mm-qual-purple;
}

.background-qual-hue-8 {
  background: $mm-qual-green;
}

.background-qual-hue-9 {
  background: $mm-qual-orange;
}

.background-qual-hue-10 {
  background: $mm-qual-blue2;
}

/* background seq brand blue */
.background-seq-brand-blue-90 {
  background: $mm-seq-brand-blue-90;
}

.background-seq-brand-blue-80 {
  background: $mm-seq-brand-blue-80;
}

.background-seq-brand-blue-60 {
  background: $mm-seq-brand-blue-60;
}

.background-seq-brand-blue-50 {
  background: $mm-seq-brand-blue-50;
}

.background-seq-brand-blue-40 {
  background: $mm-seq-brand-blue-40;
}

.background-seq-brand-blue-20 {
  background: $mm-seq-brand-blue-20;
}

/* background seq purple */
.background-seq-purple-90 {
  background: $mm-seq-purple-90;
}

.background-seq-purple-80 {
  background: $mm-seq-purple-80;
}

.background-seq-purple-60 {
  background: $mm-seq-purple-60;
}

.background-seq-purple-50 {
  background: $mm-seq-purple-50;
}

.background-seq-purple-40 {
  background: $mm-seq-purple-40;
}

.background-seq-purple-20 {
  background: $mm-seq-purple-20;
}

/* background seq green */
.background-seq-green-90 {
  background: $mm-seq-green-90;
}

.background-seq-green-80 {
  background: $mm-seq-green-80;
}

.background-seq-green-60 {
  background: $mm-seq-green-60;
}

.background-seq-green-50 {
  background: $mm-seq-green-50;
}

.background-seq-green-40 {
  background: $mm-seq-green-40;
}

.background-seq-green-20 {
  background: $mm-seq-green-20;
}

/* background seq orange */
.background-seq-orange-90 {
  background: $mm-seq-orange-90;
}

.background-seq-orange-80 {
  background: $mm-seq-orange-80;
}

.background-seq-orange-60 {
  background: $mm-seq-orange-60;
}

.background-seq-orange-50 {
  background: $mm-seq-orange-50;
}

.background-seq-orange-40 {
  background: $mm-seq-orange-40;
}

.background-seq-orange-20 {
  background: $mm-seq-orange-20;
}

/* background seq gray */
.background-seq-gray-80 {
  background: $mm-seq-gray-80;
}

.background-seq-gray-60 {
  background: $mm-seq-gray-60;
}

.background-seq-gray-50 {
  background: $mm-seq-gray-50;
}

.background-seq-gray-40 {
  background: $mm-seq-gray-40;
}

.background-seq-gray-30 {
  background: $mm-seq-gray-30;
}

.background-seq-gray-10 {
  background: $mm-seq-gray-10;
}

/* background qual deprecated */
.color-qual-background-1 {
  background: $mm-qual-brand-blue;
}

.color-qual-background-2 {
  background: $mm-qual-blue1;
}

.color-qual-background-3 {
  background:$mm-qual-pink;
}

.color-qual-background-4 {
  background: $mm-qual-green1;
}

.color-qual-background-5 {
  background: $mm-qual-yellow;
}

.color-qual-background-6 {
  background: $mm-qual-red;
}

.color-qual-background-7 {
  background: $mm-qual-purple;
}

.color-qual-background-8 {
  background: $mm-qual-green;
}

.color-qual-background-9 {
  background: $mm-qual-orange;
}

.color-qual-background-10 {
  background: $mm-qual-blue2;
}