/* 
 * 浅色主题公共样式
 * 所有前端页面共享的浅色模式样式
 */

/* 全局浅色主题基础样式 */
body.light-theme {
    background: linear-gradient(135deg, #f7fafc 0%, #e2e8f0 100%) !important;
    color: #2d3748;
}

/* 文字颜色 */
body.light-theme h1,
body.light-theme h2,
body.light-theme h3,
body.light-theme h4 {
    color: #2d3748;
}

body.light-theme p {
    color: #4a5568;
}

/* 卡片和容器 */
body.light-theme .card,
body.light-theme .section,
body.light-theme .container-box {
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #e2e8f0;
    color: #2d3748;
}

/* 表单元素 */
body.light-theme input,
body.light-theme textarea,
body.light-theme select {
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #cbd5e0;
    color: #2d3748;
}

body.light-theme input:focus,
body.light-theme textarea:focus,
body.light-theme select:focus {
    border-color: #44ad8f;
    box-shadow: 0 0 0 2px rgba(68, 173, 143, 0.2);
}

body.light-theme input::placeholder,
body.light-theme textarea::placeholder {
    color: #a0aec0;
}

/* 按钮 */
body.light-theme button.primary,
body.light-theme .btn-primary {
    background-color: #44ad8f;
    color: white;
}

body.light-theme button.primary:hover,
body.light-theme .btn-primary:hover {
    background-color: #3a9276;
}

body.light-theme button.secondary,
body.light-theme .btn-secondary {
    background-color: #4299e1;
    color: white;
}

body.light-theme button.secondary:hover,
body.light-theme .btn-secondary:hover {
    background-color: #3182ce;
}

/* 表格 */
body.light-theme table {
    background: rgba(255, 255, 255, 0.9);
    color: #2d3748;
}

body.light-theme th {
    background: rgba(237, 242, 247, 0.9);
    color: #2d3748;
    border-bottom: 1px solid #e2e8f0;
}

body.light-theme td {
    border-bottom: 1px solid #e2e8f0;
    color: #4a5568;
}

body.light-theme tr:hover {
    background-color: rgba(237, 242, 247, 0.5);
}

/* 导航栏 */
body.light-theme nav,
body.light-theme .navbar {
    background: rgba(255, 255, 255, 0.95);
    border-bottom: 1px solid #e2e8f0;
}

body.light-theme .nav-item {
    color: #718096;
}

body.light-theme .nav-item:hover,
body.light-theme .nav-item.active {
    color: #44ad8f;
}

/* 侧边栏 */
body.light-theme .sidebar {
    background: rgba(255, 255, 255, 0.95);
    border-right: 1px solid #e2e8f0;
}

body.light-theme .sidebar-item {
    color: #4a5568;
}

body.light-theme .sidebar-item:hover,
body.light-theme .sidebar-item.active {
    background: rgba(68, 173, 143, 0.1);
    color: #44ad8f;
}

/* 模态框 */
body.light-theme .modal,
body.light-theme .dialog {
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid #e2e8f0;
}

body.light-theme .modal-overlay {
    background-color: rgba(0, 0, 0, 0.3);
}

/* 标签 */
body.light-theme .badge,
body.light-theme .tag {
    background: rgba(68, 173, 143, 0.15);
    color: #44ad8f;
}

body.light-theme .badge.success {
    background: rgba(72, 187, 120, 0.15);
    color: #38a169;
}

body.light-theme .badge.warning {
    background: rgba(237, 137, 54, 0.15);
    color: #dd6b20;
}

body.light-theme .badge.error {
    background: rgba(229, 62, 62, 0.15);
    color: #e53e3e;
}

/* 提示框 */
body.light-theme .alert {
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #e2e8f0;
    color: #2d3748;
}

body.light-theme .alert.info {
    background: rgba(66, 153, 225, 0.15);
    border-color: #4299e1;
    color: #2c5aa0;
}

body.light-theme .alert.success {
    background: rgba(72, 187, 120, 0.15);
    border-color: #48bb78;
    color: #38a169;
}

body.light-theme .alert.warning {
    background: rgba(237, 137, 54, 0.15);
    border-color: #ed8936;
    color: #dd6b20;
}

body.light-theme .alert.error {
    background: rgba(229, 62, 62, 0.15);
    border-color: #e53e3e;
    color: #c53030;
}

/* 链接 */
body.light-theme a {
    color: #44ad8f;
}

body.light-theme a:hover {
    color: #3a9276;
}

/* 分隔线 */
body.light-theme hr {
    border-color: #e2e8f0;
}

/* 滚动条 */
body.light-theme ::-webkit-scrollbar-track {
    background: #f7fafc;
}

body.light-theme ::-webkit-scrollbar-thumb {
    background: #cbd5e0;
}

body.light-theme ::-webkit-scrollbar-thumb:hover {
    background: #a0aec0;
}

/* 禁用状态 */
body.light-theme button:disabled,
body.light-theme input:disabled {
    background-color: #edf2f7;
    color: #a0aec0;
    cursor: not-allowed;
}

/* 加载状态 */
body.light-theme .loading {
    color: #718096;
}

/* 阴影 */
body.light-theme .shadow {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

body.light-theme .shadow-lg {
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
}