// Set a specific jump point for requesting color jumps
@function card-theme-color-level($color, $level: 0) {
  $color-base: if($level > 0, $black, $white);
  $level: abs($level);

  @return mix($color-base, $color, $level * 8%);
}

@mixin card-variant($color-name) {
  $color: map-get($theme-colors, $color-name);

  @if not $color {
    $color: map-get($colors, $color-name);
  }

  @if $color {
    .card-header .text-#{$color-name} .material-icons-round { background-color: card-theme-color-level($color, -10); }
  }
}