@mixin section-heading-theme($theme) {
  $accent-palette: map-get($theme, accent);
  $complete: mat-color($accent-palette, A400);

  .heading-section {
    .completed {
      color: $complete;
    }
  }
}
@mixin heading-theme($theme) {
  $foreground: map-get($theme, foreground);

  .heading {
    font-size: 34px;
    font-weight: 300;
    letter-spacing: -0.8px;
    color: mat-color($foreground,base);
    text-align: left;
  }
}
