.saturated-inverse a {
    color: tint(@main-color, 90%);

    &:active,
    &.active {
      &:focus,
      &.focus {
        color: tint(@main-text-color, 100%);
        border-color: tint(@main-color, 70%);
      }
    }

    &:hover,
    &:focus,
    &.focus {
    color: tint(@main-text-color, 100%);
    border-color: tint(@main-color, 70%);
    }
}

.saturated-inverse p {
    color: tint(@main-text-color, 90%);
    -webkit-font-smoothing: antialiased;

}
.saturated-inverse  {
    h1,h2,h3,h4,h5 {
        color: tint(@main-text-color, 100%);
        -webkit-font-smoothing: antialiased;
    }

}

.saturated-inverse  .icons{
    color: tint(@main-color, 90%);
    border-color: tint(@main-color, 70%);
}

.saturated-inverse  .btn{
    background: saturate(spin(@main-color, 177), 30%);
    color: tint(@main-color, 90%);
    border-color: transparent;
    &:active,
    &.active {
      &:focus,
      &.focus {
        background: saturate(spin(@main-color, 177), 30%);
        border-color: transparent;
      }
    }

    &:hover,
    &:focus,
    &.focus {
        background: saturate(spin(@main-color, 177), 30%);
        border-color: transparent;
    }
}