.app-sidebar-primary, .app-sidebar {
    --kt-app-sidebar-primary-base-bg-color: #53b5d2;
    --kt-app-sidebar-primary-base-bg-color-mobile: #53b5d2;
    --kt-app-sidebar-base-bg-color-mobile: #53b5d2;
}

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

.text-primary-dark {
    --kt-text-primary: #53b5d2;
    --kt-text-primary-inverse: #FFFFFF; /* White */
}

.text-primary {
    --kt-text-primary: #53b5d2;
    --kt-text-primary-inverse: #FFFFFF; /* White */
}

.btn-white{
    --kt-white: #FFFFFF; /* White */
}

.app-header {
    --kt-app-header-base-bg-color-mobile: #53b5d2;
}

hr.hr-text::before{
    --kt-primary: #53b5d2;
}

.btn.btn-success {
    --kt-success: #28A745; /* Green */
    --kt-success-active: #218838; /* Darker Green */
}

.btn.btn-primary {
    --kt-primary: #53b5d2;
    color: #FFFFFF;
    --kt-primary-active: #3a8fa8;
}

.btn.btn-secondary {
    --kt-secondary: #6B7280; /* Gray */
    --kt-secondary-inverse: #FFFFFF; /* White */
    --kt-secondary-active: #4B5563; /* Darker Gray */
}

.btn.btn-warning {
    --kt-warning: #FFD700; /* Gold */
    --kt-warning-active: #E6C200; /* Darker Gold */
}

.btn.btn-danger {
    --kt-danger: #DC143C; /* Crimson Red */
    --kt-danger-active: #B91230; /* Darker Red */
}

.btn.btn-blue{
    --bs-btn-bg: #53b5d2;
}

.btn-blue{
    --kt-primary: #53b5d2;
    --kt-primary-active: #3a8fa8;
}

.bg-login{
    --kt-app-blank-bg-color: #F8F9FA; /* Light Gray */
}

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

body {
    font-size: 1rem;
}

i.bi{
    --kt-text-primary: #53b5d2;
}

a{
    --bs-link-color: #53b5d2;
}



a.text-primary-dark{
    --bs-link-color: #53b5d2;
}

.text-green{
    color: #28A745; /* Green */
}

.text-purple{
    color: #8B5CF6; /* Purple */
}

.text-gold{
    color: #FFD700; /* Gold */
}

.text-red{
    color: #DC143C; /* Crimson Red */
}

.btn.btn-white-primary {
    background-color: var(--kt-white, #FFFFFF);
    border: 1px solid #53b5d2 !important;
    color: #53b5d2;
}

.btn.btn-white-primary:hover {
    background-color: #becbec;
    color: var(--kt-white, #FFFFFF);
}