$ensa_darkgrey: #333333;
$ensa_green: #449577;
$zim_orange: #ff8430;
$zim_yellow: #ffaf0f;
$zim_green: #367845;
$ensa_navy: #1c3476;
$zim_lime: #12a849;
$zim_orange: #f29426;
$ensa_lightgrey: #ebebeb;

$text_primary: $ensa_darkgrey;
$text_secondary: rgba(51, 51, 51, 0.4); // #333333 with 40% opacity
$text_inverse: #fff;

// Materialize has it's own color classes, which use the !important flag. So we override those with our own !important flag
.orange {
  background-color: $zim_orange !important;
}

.yellow {
  background-color: $zim_yellow !important;
}

.green {
  background-color: $zim_green !important;
}

.navy {
  background-color: $ensa_navy !important;
}

.lime {
  background-color: $zim_lime !important;
}

.orange {
  background-color: $zim_orange !important;
}

.waves-effect.waves-rose .waves-ripple {
  background-color: rgba(173, 110, 139, 0.65);
}

.waves-effect.waves-violet .waves-ripple {
  background-color: rgba(80, 68, 148, 0.65);
}

.waves-effect.waves-sky .waves-ripple {
  background-color: rgba(70, 114, 141, 0.65);
}

.waves-effect.waves-yellow .waves-ripple {
  background-color: rgba(228, 185, 57, 0.65);
}

.waves-effect.waves-green .waves-ripple {
  background-color: rgba(54, 120, 69, 0.65);
}