.zmd-color-variant(@name, @accent: true) {
  .@{zmdc-css-prefix}-@{zmdc-text-prefix}-@{name} {
    .zmd-text-variant(@name);
    & when(@accent = true) {
      .zmd-text-variant-accent(@name);
    }
  }
  .@{zmdc-css-prefix}-@{zmdc-bg-prefix}-@{name} {
    .zmd-bg-variant(@name);
    & when(@accent = true) {
      .zmd-bg-variant-accent(@name);
    }
  }
}

.zmd-color-variant-bw(@name) {
  .@{zmdc-css-prefix}-@{zmdc-text-prefix}-@{name} {
    .zmd-text-variant-bw(@name);
  }
  .@{zmdc-css-prefix}-@{zmdc-text-prefix}-@{name} {
    .zmd-text-variant-bw(@name);
  }
}