.app-sidebar-primary, .app-sidebar {
    --kt-app-sidebar-primary-base-bg-color: var(--kt-app-sidebar-bg-color);
    --kt-app-sidebar-primary-base-bg-color-mobile: var(--kt-app-sidebar-bg-color);
    --kt-app-sidebar-base-bg-color-mobile: var(--kt-app-sidebar-bg-color);
}

.app-sidebar-primary .app-sidebar-menu .menu>.menu-item>.menu-link .menu-icon i {
    color: #A04747; /* Primary color */
}

.text-primary-dark {
    --kt-text-primary: #A04747; /* Primary color */
    --kt-text-primary-inverse: #FFFFFF;
}

.text-primary {
    --kt-text-primary: #A04747; /* Primary color */
    --kt-text-primary-inverse: #FFFFFF;
}

.btn-white {
    --kt-white: #FFFFFF;
}

.font-alternative {
    font-family: 'Merriweather', sans-serif;
}

.app-header {
    --kt-app-header-base-bg-color-mobile: var(--kt-app-sidebar-bg-color);
}

hr.hr-text::before {
    --kt-primary: #A04747; /* Primary color */
}

/* Button styles with proper hover states */
.btn.btn-success {
    --kt-success: #28A745;
    --kt-success-active: #218838;
    --kt-success-hover: #218838;
}

.btn.btn-success:hover {
    background-color: var(--kt-success-hover) !important;
    border-color: var(--kt-success-hover) !important;
    color: #FFFFFF !important; /* Ensures text is visible */
}

.btn.btn-primary {
    --kt-primary: #A04747; /* Primary color */
    --kt-primary-active: #7F3737; /* Darker shade for hover */
    --kt-primary-hover: #7F3737; /* Darker shade for hover */
    color: #FFFFFF;  /* White text for better contrast */
}

.btn.btn-primary:hover {
    background-color: var(--kt-primary-hover) !important;
    border-color: var(--kt-primary-hover) !important;
    color: #FFFFFF !important; /* Ensures text is visible */
}

.btn.btn-secondary {
    --kt-secondary: #686868;
    --kt-secondary-inverse: #FFFFFF;
    --kt-secondary-active: #545B62;
    --kt-secondary-hover: #545B62;
}

.btn.btn-secondary:hover {
    background-color: var(--kt-secondary-hover) !important;
    border-color: var(--kt-secondary-hover) !important;
    color: #FFFFFF !important; /* Ensures text is visible */
}

.btn.btn-warning {
    --kt-warning: #FFC107;
    --kt-warning-active: #E0A800;
    --kt-warning-hover: #E0A800;
}

.btn.btn-warning:hover {
    background-color: var(--kt-warning-hover) !important;
    border-color: var(--kt-warning-hover) !important;
    color: #000000 !important; /* Ensures text is visible */
}

.btn.btn-danger {
    --kt-danger: #DC3545;
    --kt-danger-active: #BD2130;
    --kt-danger-hover: #BD2130;
}

.btn.btn-danger:hover {
    background-color: var(--kt-danger-hover) !important;
    border-color: var(--kt-danger-hover) !important;
    color: #FFFFFF !important; /* Ensures text is visible */
}

.btn.btn-blue {
    --bs-btn-bg: #4267B2;
    --bs-btn-hover-bg: #375694;
}

.btn.btn-blue:hover {
    background-color: var(--bs-btn-hover-bg) !important;
    border-color: var(--bs-btn-hover-bg) !important;
    color: #FFFFFF !important; /* Ensures text is visible */
}

.btn-blue {
    --kt-primary: #A04747; /* Primary color */
    --kt-primary-active: #7F3737; /* Darker shade */
    --kt-primary-hover: #7F3737; /* Darker shade */
}

.btn-blue:hover {
    background-color: var(--kt-primary-hover) !important;
    border-color: var(--kt-primary-hover) !important;
    color: #FFFFFF !important; /* Ensures text is visible */
}

.bg-login {
    --kt-app-blank-bg-color: #EFEFEF;
}

body, html, .app {
    font-family: 'Nunito', sans-serif;
}

body {
    font-size: 1rem;
}

i.bi {
    --kt-text-primary: #A04747; /* Primary color */
}

a {
    --bs-link-color: #A04747; /* Primary color */
    transition: color 0.3s ease;
}

a:hover {
    color: #7F3737 !important; /* Darker shade for hover */
}

a.text-primary-dark {
    --bs-link-color: #A04747; /* Primary color */
}

.text-green {
    color: #3ffb43;
}

.text-purple {
    color: #f930df;
}