@use '@finastra/fds-theme/color' as fds;
@use '@finastra/fds-theme/typography' as typo;

@mixin theme($theme: null) {
  .mat-tree {
    @include fds.background(surface);
    mat-checkbox {
      &.mat-mdc-checkbox-checked,
      &[ng-reflect-indeterminate='true'] {
        .node-label {
          @include fds.color(primary);
          font-weight: 300;
        }
      }
    }
  }
}

@mixin typography($config: null) {
  mat-checkbox {
    .node-label {
      font-weight: var(--fds-body-2-font-weight);
    }
  }
}