/* CSS颜色变量定义 */
:root {
    /* 主要颜色 */
    --primary-color: #007bff;
    --secondary-color: #6c757d;
    --success-color: #28a745;
    --danger-color: #dc3545;
    --warning-color: #ffc107;
    --info-color: #17a2b8;
    --dark-color: #343a40;
    --light-color: #f8f9fa;
    --white-color: #ffffff;
    --black-color: #000000;
    
    /* Bootstrap颜色 */
    --bs-primary: #0d6efd;
    --bs-purple: #6610f2;
    --bs-pink: #d63384;
    --bs-orange: #fd7e14;
    --bs-success: #198754;
    --bs-cyan: #0dcaf0;
    
    /* 自定义颜色 */
    --gradient-start: #667eea;
    --gradient-end: #764ba2;
    --text-muted: #6c757d;
    --border-color: #dee2e6;
}

/* 移除的内联样式的CSS类 */
.bg-custom-gradient {
    background: linear-gradient(135deg, var(--gradient-start) 0%, var(--gradient-end) 100%);
}

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

.border-custom {
    border-color: var(--border-color);
}