
md-radio-button.md-THEME_NAME-theme {
  .md-off {
    border-color: '{{foreground-2}}';
  }

  .md-on {
    background-color: '{{accent-color-0.87}}';
  }
  &.md-checked .md-off {
    border-color: '{{accent-color-0.87}}';
  }
  &.md-checked .md-ink-ripple {
    color: '{{accent-color-0.87}}';
  }
  .md-container .md-ripple {
    color: '{{accent-A700}}';
  }
}

md-radio-group.md-THEME_NAME-theme,
md-radio-button.md-THEME_NAME-theme {

  &:not([disabled]) {
    .md-primary,
    &.md-primary {
      .md-on {
        background-color: '{{primary-color-0.87}}';
      }
      .md-checked,
      &.md-checked {
        .md-off {
          border-color: '{{primary-color-0.87}}';
        }
      }
      .md-checked,
      &.md-checked {
        .md-ink-ripple {
          color: '{{primary-color-0.87}}';
        }
      }
      .md-container .md-ripple {
        color: '{{primary-600}}';
      }
    }

    .md-warn,
    &.md-warn {
      .md-on {
        background-color: '{{warn-color-0.87}}';
      }
      .md-checked,
      &.md-checked {
        .md-off {
          border-color: '{{warn-color-0.87}}';
        }
      }
      .md-checked,
      &.md-checked {
        .md-ink-ripple {
          color: '{{warn-color-0.87}}';
        }
      }
      .md-container .md-ripple {
        color: '{{warn-600}}';
      }
    }

  }

  &[disabled] {
    color: '{{foreground-3}}';

    .md-container .md-off {
      border-color: '{{foreground-3}}';
    }
    .md-container .md-on {
      border-color: '{{foreground-3}}';
    }
  }

}
md-radio-group.md-THEME_NAME-theme {
  .md-checked .md-ink-ripple {
    color: '{{accent-color-0.26}}';
  }
  &.md-primary .md-checked:not([disabled]) .md-ink-ripple, .md-checked:not([disabled]).md-primary .md-ink-ripple {
    color: '{{primary-color-0.26}}';
  }
  .md-checked.md-primary .md-ink-ripple {
    color: '{{warn-color-0.26}}';
  }
}

md-radio-group.md-THEME_NAME-theme.md-focused:not(:empty) {
  .md-checked .md-container:before {
    background-color: '{{accent-color-0.26}}';
  }
  &.md-primary .md-checked .md-container:before,
  .md-checked.md-primary .md-container:before {
    background-color: '{{primary-color-0.26}}';
  }
  &.md-warn .md-checked .md-container:before,
  .md-checked.md-warn .md-container:before {
    background-color: '{{warn-color-0.26}}';
  }
}
