// Interface Palette
$mm-core-brand-blue-100: #002452; // utility navbar color
$mm-core-brand-blue-90: #002f6c; // navbar color, footer color
$mm-core-brand-blue-80: #004db0; // hover button states
$mm-core-brand-blue-60: #0b70f4;
$mm-core-brand-blue-50: #398fff;
$mm-core-brand-blue-40: #9fc9ff;
$mm-core-brand-blue-20: #d2e5ff;

$mm-core-digital-blue-80: #0058a8;
$mm-core-digital-blue-70: #0067c5;

// Neutral Palette
$mm-neutral-white: #ffffff; // login button on hover, active text
$mm-neutral-gray-10: #eeeeed;
$mm-neutral-gray-30: #d9d9d6;
$mm-neutral-gray-40: #b1b3b3;
$mm-neutral-gray-80: #555555;
$mm-neutral-black: #000000;

/* color interface */
.color-core-brand-blue-100 {
  color: $mm-core-brand-blue-100 !important;
}

.color-core-brand-blue-90 {
  color: $mm-core-brand-blue-90 !important;
}

.color-core-brand-blue-80 {
  color: $mm-core-brand-blue-80 !important;
}

.color-core-brand-blue-60 {
  color: $mm-core-brand-blue-60 !important;
}

.color-core-brand-blue-50 {
  color: $mm-core-brand-blue-50 !important;
}

.color-core-brand-blue-40 {
  color: $mm-core-brand-blue-40 !important;
}

.color-core-brand-blue-20 {
  color: $mm-core-brand-blue-20 !important;
}

/* background interface */
.background-core-brand-blue-100 {
  background: $mm-core-brand-blue-100 !important;
}

.background-core-brand-blue-90 {
  background: $mm-core-brand-blue-90 !important;
}

.background-core-brand-blue-80 {
  background: $mm-core-brand-blue-80 !important;
}

.background-core-brand-blue-60 {
  background: $mm-core-brand-blue-60 !important;
}

.background-core-brand-blue-50 {
  background: $mm-core-brand-blue-50 !important;
}

.background-core-brand-blue-40 {
  background: $mm-core-brand-blue-40 !important;
}

.background-core-brand-blue-20 {
  background: $mm-core-brand-blue-20 !important;
}


/**
digital blue
 */

.color-core-digital-blue-70 {
  color: $mm-core-digital-blue-70 !important;
}

.color-core-digital-blue-80 {
  color: $mm-core-digital-blue-80 !important;
}

.background-core-digital-blue-70 {
  background: $mm-core-digital-blue-70 !important;
}

.background-core-digital-blue-80 {
  background: $mm-core-digital-blue-80 !important;
}

/* color neutral */
.color-neutral-white {
  color: $mm-neutral-white !important;
}

.color-neutral-gray-10 {
  color: $mm-neutral-gray-10 !important;
}

.color-neutral-gray-30 {
  color: $mm-neutral-gray-30 !important;
}

.color-neutral-gray-40 {
  color: $mm-neutral-gray-40 !important;
}

.color-neutral-gray-80 {
  color: $mm-neutral-gray-80 !important;
}

.color-neutral-black {
  color: $mm-neutral-black !important;
}

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

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

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

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

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

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