@mixin signin-theme($theme) {
  $background: map-get($theme, background);
  $foreground: map-get($theme, foreground);
  $accent: map-get($theme, accent);
  $is-dark: map-get($theme, is-dark);

  signin {
    #signin {
      #signin-intro {
        color: white;
      }

      #signin-form-wrapper {
        @if ($is-dark) {
          background: mat-color($fuse-navy, 600);
        } @else {
          background: map-get($background, card);
        }

        #signin-form {
          .separator {
            color: map-get($foreground, divider);

            .text {
              &:before,
              &:after {
                border-top-color: map-get($foreground, divider);
              }
            }
          }
        }
      }
    }
  }
}
