/* Bootstrap Buttons*/
.link {
    color: var(--theme-maincolor);
    text-decoration: none;
}

    .link:hover {
        color: var(--theme-darkbackgroundcolor);
    }

.btn:first-child:active, :not(.btn-check) + .btn:active {
    color: var(--theme-darkbackgroundcolor);
    filter: brightness(150%);
}

.button {
    color: var(--theme-contrastcolor);
    background-color: var(--theme-mainbackgroundcolor);
    border: none;
}

    .button:hover {
        color: var(--theme-darkcontrastcolor);
        background-color: var(--theme-darkbackgroundcolor);
    }

:not(.btn-check) + .button:active {
    color: var(--theme-darkcontrastcolor);
    background-color: var(--theme-darkbackgroundcolor);
    border: none;
    filter: brightness(150%);
}

/* Standard theme css */
.theme-text-color:not(:disabled) {
    color: var(--theme-maincolor);
}

.theme-text-color-bg:not(:disabled) {
    color: var(--theme-mainbackgroundcolor);
}

.theme-text-dark-color-bg:not(:disabled) {
    color: var(--theme-darkbackgroundcolor);
}

.theme-text-contrast:not(:disabled) {
    color: var(--theme-contrastcolor);
}

.theme-text-dark-contrast:not(:disabled) {
    color: var(--theme-darkcontrastcolor);
}

.theme-background-color:not(:disabled) {
    background-color: var(--theme-mainbackgroundcolor);
}

.theme-background-dark-color:not(:disabled) {
    background-color: var(--theme-darkbackgroundcolor);
}

/* On hover theme css */
.theme-text-color-hover:hover {
    color: var(--theme-maincolor);
}

.theme-text-color-bg-hover:hover {
    color: var(--theme-mainbackgroundcolor);
}

.theme-text-dark-color-bg-hover:hover {
    color: var(--theme-darkbackgroundcolor);
}

.theme-text-contrast-hover:hover {
    color: var(--theme-contrastcolor);
}

.theme-text-dark-contrast-hover:hover {
    color: var(--theme-darkcontrastcolor);
}

.theme-background-color-hover:hover {
    background-color: var(--theme-mainbackgroundcolor);
}

.theme-background-dark-color-hover:hover {
    background-color: var(--theme-darkbackgroundcolor);
}