a {
    color: var(--theme-color-primary);
}

.btn-primary {
    color: #fff;
    background-color: var(--theme-color-primary);
    border-color: var(--theme-color-primary);
}

    .btn-primary:hover {
        color: #fff;
        background-color: var(--theme-color-primary-hover);
        border-color: var(--theme-color-primary-hover-border);
    }

    .btn-primary:focus,
    .btn-primary.focus {
        box-shadow: 0 0 0 3px var(--theme-color-primary-focus);
    }

    .btn-primary.disabled,
    .btn-primary:disabled {
        background-color: var(--theme-color-primary);
        border-color: var(--theme-color-primary);
    }

    .btn-primary:active,
    .btn-primary.active,
    .show > .btn-primary.dropdown-toggle {
        background-color: var(--theme-color-primary-hover);
        background-image: none;
        border-color: var(--theme-color-primary-hover-border);
    }

.btn-secondary {
    color: #fff;
    background-color: var(--theme-color-secondary);
    border-color: var(--theme-color-secondary);
}

    .btn-secondary:hover {
        color: #fff;
        background-color: var(--theme-color-secondary-hover);
        border-color: var(--theme-color-secondary-hover-border);
    }

    .btn-secondary:focus,
    .btn-secondary.focus {
        box-shadow: 0 0 0 3px var(--theme-color-focus);
    }

    .btn-secondary.disabled,
    .btn-secondary:disabled {
        background-color: var(--theme-color-secondary);
        border-color: var(--theme-color-secondary);
    }

    .btn-secondary:active,
    .btn-secondary.active,
    .show > .btn-secondary.dropdown-toggle {
        background-color: var(--theme-color-secondary-hover);
        background-image: none;
        border-color: var(--theme-color-secondary-hover-border);
    }

.btn-success {
    color: #fff;
    background-color: var(--theme-color-success);
    border-color: var(--theme-color-success);
}

    .btn-success:hover {
        color: #fff;
        background-color: var(--theme-color-success-hover);
        border-color: var(--theme-color-success-hover-border);
    }

    .btn-success:focus,
    .btn-success.focus {
        box-shadow: 0 0 0 3px var(--theme-color-success-focus);
    }

    .btn-success.disabled,
    .btn-success:disabled {
        background-color: var(--theme-color-success);
        border-color: var(--theme-color-success);
    }

    .btn-success:active,
    .btn-success.active,
    .show > .btn-success.dropdown-toggle {
        background-color: var(--theme-color-success-hover);
        background-image: none;
        border-color: var(--theme-color-success-hover-border);
    }

.btn-info {
    color: #111;
    background-color: var(--theme-color-info);
    border-color: var(--theme-color-info);
}

    .btn-info:hover {
        color: #111;
        background-color: var(--theme-color-info-hover);
        border-color: var(--theme-color-info-hover-border);
    }

    .btn-info:focus,
    .btn-info.focus {
        box-shadow: 0 0 0 3px var(--theme-color-info-focus);
    }

    .btn-info.disabled,
    .btn-info:disabled {
        background-color: var(--theme-color-info);
        border-color: var(--theme-color-info);
    }

    .btn-info:active,
    .btn-info.active,
    .show > .btn-info.dropdown-toggle {
        background-color: var(--theme-color-info-hover);
        background-image: none;
        border-color: var(--theme-color-info-hover-border);
    }

.btn-warning {
    color: #111;
    background-color: var(--theme-color-warning);
    border-color: var(--theme-color-warning);
}

    .btn-warning:hover {
        color: #111;
        background-color: var(--theme-color-warning-hover);
        border-color: var(--theme-color-warning-hover-border);
    }

    .btn-warning:focus,
    .btn-warning.focus {
        box-shadow: 0 0 0 3px var(--theme-color-warning-focus);
    }

    .btn-warning.disabled,
    .btn-warning:disabled {
        background-color: var(--theme-color-warning);
        border-color: var(--theme-color-warning);
    }

    .btn-warning:active,
    .btn-warning.active,
    .show > .btn-warning.dropdown-toggle {
        background-color: var(--theme-color-warning-hover);
        background-image: none;
        border-color: var(--theme-color-warning-hover-border);
    }

.btn-danger {
    color: #fff;
    background-color: var(--theme-color-danger);
    border-color: var(--theme-color-danger);
}

    .btn-danger:hover {
        color: #fff;
        background-color: var(--theme-color-danger-hover);
        border-color: var(--theme-color-danger-hover-border);
    }

    .btn-danger:focus,
    .btn-danger.focus {
        box-shadow: 0 0 0 3px var(--theme-color-danger-focus);
    }

    .btn-danger.disabled,
    .btn-danger:disabled {
        background-color: var(--theme-color-danger);
        border-color: var(--theme-color-danger);
    }

    .btn-danger:active,
    .btn-danger.active,
    .show > .btn-danger.dropdown-toggle {
        background-color: var(--theme-color-danger-hover);
        background-image: none;
        border-color: var(--theme-color-danger-hover-border);
    }

.btn-outline-primary {
    color: var(--theme-color-primary);
    background-color: transparent;
    background-image: none;
    border-color: var(--theme-color-primary);
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: var(--theme-color-primary);
        border-color: var(--theme-color-primary);
    }

    .btn-outline-primary:focus,
    .btn-outline-primary.focus {
        box-shadow: 0 0 0 3px rgba(51, 122, 183, 0.5);
    }

    .btn-outline-primary.disabled,
    .btn-outline-primary:disabled {
        color: var(--theme-color-primary);
        background-color: transparent;
    }

    .btn-outline-primary:active,
    .btn-outline-primary.active,
    .show > .btn-outline-primary.dropdown-toggle {
        color: #fff;
        background-color: var(--theme-color-primary);
        border-color: var(--theme-color-primary);
    }

.btn-outline-secondary {
    color: var(--theme-color-secondary);
    background-color: transparent;
    background-image: none;
    border-color: var(--theme-color-secondary);
}

    .btn-outline-secondary:hover {
        color: #fff;
        background-color: var(--theme-color-secondary);
        border-color: var(--theme-color-secondary);
    }

    .btn-outline-secondary:focus,
    .btn-outline-secondary.focus {
        box-shadow: 0 0 0 3px var(--theme-color-focus);
    }

    .btn-outline-secondary.disabled,
    .btn-outline-secondary:disabled {
        color: var(--theme-color-secondary);
        background-color: transparent;
    }

    .btn-outline-secondary:active,
    .btn-outline-secondary.active,
    .show > .btn-outline-secondary.dropdown-toggle {
        color: #fff;
        background-color: var(--theme-color-secondary);
        border-color: var(--theme-color-secondary);
    }

.btn-outline-success {
    color: var(--theme-color-success);
    background-color: transparent;
    background-image: none;
    border-color: var(--theme-color-success);
}

    .btn-outline-success:hover {
        color: #fff;
        background-color: var(--theme-color-success);
        border-color: var(--theme-color-success);
    }

    .btn-outline-success:focus,
    .btn-outline-success.focus {
        box-shadow: 0 0 0 3px var(--theme-color-success-focus);
    }

    .btn-outline-success.disabled,
    .btn-outline-success:disabled {
        color: var(--theme-color-success);
        background-color: transparent;
    }

    .btn-outline-success:active,
    .btn-outline-success.active,
    .show > .btn-outline-success.dropdown-toggle {
        color: #fff;
        background-color: var(--theme-color-success);
        border-color: var(--theme-color-success);
    }

.btn-outline-info {
    color: var(--theme-color-info);
    background-color: transparent;
    background-image: none;
    border-color: var(--theme-color-info);
}

    .btn-outline-info:hover {
        color: #fff;
        background-color: var(--theme-color-info);
        border-color: var(--theme-color-info);
    }

    .btn-outline-info:focus,
    .btn-outline-info.focus {
        box-shadow: 0 0 0 3px var(--theme-color-info-focus);
    }

    .btn-outline-info.disabled,
    .btn-outline-info:disabled {
        color: var(--theme-color-info);
        background-color: transparent;
    }

    .btn-outline-info:active,
    .btn-outline-info.active,
    .show > .btn-outline-info.dropdown-toggle {
        color: #fff;
        background-color: var(--theme-color-info);
        border-color: var(--theme-color-info);
    }

.btn-outline-warning {
    color: var(--theme-color-warning);
    background-color: transparent;
    background-image: none;
    border-color: var(--theme-color-warning);
}

    .btn-outline-warning:hover {
        color: #fff;
        background-color: var(--theme-color-warning);
        border-color: var(--theme-color-warning);
    }

    .btn-outline-warning:focus,
    .btn-outline-warning.focus {
        box-shadow: 0 0 0 3px var(--theme-color-warning-focus);
    }

    .btn-outline-warning.disabled,
    .btn-outline-warning:disabled {
        color: var(--theme-color-warning);
        background-color: transparent;
    }

    .btn-outline-warning:active,
    .btn-outline-warning.active,
    .show > .btn-outline-warning.dropdown-toggle {
        color: #fff;
        background-color: var(--theme-color-warning);
        border-color: var(--theme-color-warning);
    }

.btn-outline-danger {
    color: var(--theme-color-danger);
    background-color: transparent;
    background-image: none;
    border-color: var(--theme-color-danger);
}

    .btn-outline-danger:hover {
        color: #fff;
        background-color: var(--theme-color-danger);
        border-color: var(--theme-color-danger);
    }

    .btn-outline-danger:focus,
    .btn-outline-danger.focus {
        box-shadow: 0 0 0 3px var(--theme-color-danger-focus);
    }

    .btn-outline-danger.disabled,
    .btn-outline-danger:disabled {
        color: var(--theme-color-danger);
        background-color: transparent;
    }

    .btn-outline-danger:active,
    .btn-outline-danger.active,
    .show > .btn-outline-danger.dropdown-toggle {
        color: #fff;
        background-color: var(--theme-color-danger);
        border-color: var(--theme-color-danger);
    }

.nav-pills .nav-link.active,
.show > .nav-pills .nav-link {
    color: #fff;
    background-color: var(--theme-color-primary);
}

caption {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    color: var(--theme-color-secondary);
    text-align: left;
    caption-side: bottom;
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: var(--theme-color-secondary);
}

.figure-caption {
    font-size: 90%;
    color: var(--theme-color-secondary);
}

.form-control::placeholder {
    color: var(--theme-color-secondary);
    opacity: 1;
}


.bg-primary, .border-primary, .text-primary {
    background-color: var(--theme-color-primary) !important;
}

.bg-secondary, .text-secondary, .border-secondary {
    color: var(--theme-color-secondary) !important;
}

.bg-success, .border-success, .text-success {
    background-color: var(--theme-color-success) !important;
}

.bg-warning, .text-warning, .border-warning {
    color: var(--theme-color-warning) !important;
}

.bg-danger, .border-danger, .text-danger {
    background-color: var(--theme-color-danger) !important;
}

.bg-info, .text-info, .border-info {
    color: var(--theme-color-info) !important;
}