/* Apply global fonts and colors */
body {
    font-family: var(--english-font), var(--khmer-font) !important;
}

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

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

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

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

.brand-mark img {
    width: var(--logo-width) !important;
    height: var(--logo-height) !important;
    object-fit: cover;
    border-radius: var(--logo-radius) !important;
}

.brand-mark .brand-copy,
.brand-mark .brand-title,
.brand-mark .brand-subtitle {
    color: var(--brand-color) !important;
}

.brand-mark .brand-title {
    font-size: var(--brand-font-size) !important;
}

/* end logo and brand  */

.sidebar-nav .nav-link {
    font-size: var(--sidebar-font-size);
    transition: background-color 0.2s ease, color 0.2s ease;
}

.sidebar-nav .nav-link:hover:not(.active) {
    background-color: var(--sidebar-hover-bg) !important;
}

.sidebar-nav .nav-link.active {
    background-color: var(--sidebar-active-bg) !important;
    color: var(--sidebar-active-color) !important;
}

.sidebar-nav .nav-link.active .nav-text,
.sidebar-nav .nav-link.active .nav-icon svg {
    color: var(--sidebar-active-color) !important;
    fill: var(--sidebar-active-color);
}

.sidebar-section-title {
    color: var(--sidebar-section-color) !important;
}

/* end aside style  */

/* start toast style  */
#ajax-alert {
    background-color: var(--toast-bg) !important;
    color: var(--toast-color) !important;
    border-radius: var(--toast-radius) !important;
}

#ajax-alert.toast-error {
    background-color: var(--toast-error-bg) !important;
    color: var(--toast-error-color) !important;
}

#ajax-alert #alert-message {
    color: inherit !important;
}

#ajax-alert .btn-close {
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.2));
}

/* end toast style  */

/* start table style  */
.table thead th {
    background-color: var(--table-th-bg) !important;
    color: var(--table-th-color) !important;
    text-align: var(--table-th-align) !important;
    padding: var(--table-th-padding) !important;
    font-size: var(--table-th-font-size) !important;
}

.table tbody td {
    text-align: var(--table-td-align) !important;
    padding: var(--table-td-padding) !important;
    font-size: var(--table-td-font-size) !important;
}

/* Apply styles to Bootstrap primary buttons */
.btn-primary,
.btn.btn-success {
    background-color: var(--btn-custom-bg) !important;
    border-color: var(--btn-custom-bg) !important;
    color: var(--btn-custom-color) !important;
}

.btn-primary:hover,
.btn.btn-success:hover {
    background-color: var(--btn-custom-hover-bg) !important;
    border-color: var(--btn-custom-hover-bg) !important;
    color: var(--btn-custom-color) !important;
}

/* Apply styles to Bootstrap secondary buttons */
.btn-secondary {
    background-color: var(--btn-sec-bg) !important;
    border-color: var(--btn-sec-bg) !important;
    color: var(--btn-sec-color) !important;
}

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