%font-setup {
  letter-spacing: $letter-spacing;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.theme {
  /* backend UI specific settings */
  &-backend {
    @extend %font-setup;

    background-color: $gray-100;
  }

  /* frontend UI specific settings */
  &-frontend {
    @extend %font-setup;

    background-color: $white;
  }
}