/* 主题样式 */
:root {
    --primary-color: #198754; /* 默认绿色 */
    --primary-hover: #157347;
    --primary-active: #146c43;
}

/* 蓝色主题 */
.theme-blue {
    --primary-color: #0d6efd;
    --primary-hover: #0b5ed7;
    --primary-active: #0a58ca;
}

/* 红色主题 */
.theme-red {
    --primary-color: #dc3545;
    --primary-hover: #bb2d3b;
    --primary-active: #b02a37;
}

/* 紫色主题 */
.theme-purple {
    --primary-color: #6f42c1;
    --primary-hover: #5d3aac;
    --primary-active: #563d7c;
}

/* 橙色主题 */
.theme-orange {
    --primary-color: #fd7e14;
    --primary-hover: #e66a0a;
    --primary-active: #d6620a;
}

/* 应用主题颜色 */
.navbar.bg-primary,
.navbar.bg-blue,
.navbar.bg-red, 
.navbar.bg-purple,
.navbar.bg-orange,
.card-header.bg-primary,
.btn-primary,
.theme-btn {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

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

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

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