/* Buttons */
.btn-primary {
    background-color: var(--primary-color, var(--blue-darkest)) !important;
    border-color: var(--primary-color, var(--blue-darkest)) !important;
}

.btn-secondary {
    background-color: var(--secondary-color, var(--secondary)) !important;
    border-color: var(--secondary-color, var(--secondary)) !important;
}

/* .btn-success {
    background-color: var(--success) !important;
    border-color: var(--success) !important;
}

.btn-info {
    background-color: var(--info) !important;
    border-color: var(--info) !important;
}

.btn-warning {
    background-color: var(--warning) !important;
    border-color: var(--warning) !important;
}

.btn-danger {
    background-color: var(--danger) !important;
    border-color: var(--danger) !important;
}

.btn-light {
    background-color: var(--light) !important;
    border-color: var(--light) !important;
}

.btn-dark {
    background-color: var(--dark) !important;
    border-color: var(--dark) !important;
} */

/* Text colors */
/* .text-primary {
    color: var(--primary) !important;
}

.text-secondary {
    color: var(--secondary) !important;
}

.text-success {
    color: var(--success) !important;
}

.text-info {
    color: var(--info) !important;
}

.text-warning {
    color: var(--warning) !important;
}

.text-danger {
    color: var(--danger) !important;
}

.text-light {
    color: var(--light) !important;
}

.text-dark {
    color: var(--dark) !important;
} */

/* Background colors */
.bg-primary {
    background-color: var(--primary-color, var(--blue-darkest))  !important;
}

.bg-secondary {
    background-color: var(--secondary-color, var(--secondary))  !important;
}

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

.bg-info {
    background-color: var(--info-color, var(--info)) !important;
}

.bg-warning {
    background-color: var(--warning-color, var(--warning)) !important;
}

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

.bg-light {
    background-color: var(--light-color, var(--light)) !important;
}

.bg-default {
    background-color: #E3E5E3;
}

.bg-dark {
    background-color: var(--dark-color, var(--blue-darkest)) !important;
}

.dropdown-menu.bg-light .dropdown-item:hover {
    background-color: var(--primary-color, var(--light)) !important;
    color: var(--black);
}

#settings-tabs.nav-tabs .nav-link.active {
    background-color: var(--light-color, var(--light)) !important;
}

/* Border colors */
/* .border-primary {
    border-color: var(--primary) !important;
}

.border-secondary {
    border-color: var(--secondary) !important;
}

.border-success {
    border-color: var(--success) !important;
}

.border-info {
    border-color: var(--info) !important;
}

.border-warning {
    border-color: var(--warning) !important;
}

.border-danger {
    border-color: var(--danger) !important;
}

.border-light {
    border-color: var(--light) !important;
}

.border-dark {
    border-color: var(--dark) !important;
} */

/* Link colors */
/* a {
    color: var(--primary) !important;
}

a:hover {
    color: var(--dark) !important;
} */

a.content-link-button {
    background-color: var(--primary-color, var(--primary)) !important;
    border-color: var(--primary-color, var(--primary)) !important;
}

#header-main {
    background-color: var(--header-bg-color, var(--white)) !important;
}

.footer {
    background-color: var(--bg-footer-color, var(--blue-darkest)) !important;
}

.footer, .footer a, .footer.text-white {
    color: var(--text-footer-color, var(--white)) !important;
}
.text-white, .editor-menu-nav-bar a, #hamburger-btn, .dropdown-toggle .dropdown-head {
    color: var(--all-text-color, var(--white)) !important;
}
.editor-menu .dropdown-menu a:hover {
    color: var(--black) !important;
}

/* Ensure primary blue buttons have the same text color */
.button-style-blue {
    color: var(--all-text-color, var(--white)) !important;
}
.button-style-blue:hover {
    border-color: var(--primary-color, var(--primary-lighter)) !important;
    background-color: var(--primary-color, var(--primary-lighter)) !important;
}