/**
 * 主题样式
 * LAN Transfer - Theme Styles
 */

/* ========== 亮色主题 ========== */
[data-theme="light"] {
    --bg-primary: #ffffff;
    --bg-secondary: #f6f8fa;
    --bg-tertiary: #eaeef2;
    --border-color: #d0d7de;
    --text-primary: #24292f;
    --text-secondary: #57606a;
    --text-muted: #8c959f;
    --accent-primary: #0969da;
    --accent-success: #1a7f37;
    --accent-warning: #9a6700;
    --accent-danger: #cf222e;
    --accent-purple: #8250df;
}

/* 基础组件 */
[data-theme="light"] .btn {
    background: var(--bg-tertiary);
    border-color: var(--border-color);
    color: var(--text-primary);
}

[data-theme="light"] .btn:hover:not(:disabled) {
    background: var(--bg-secondary);
}

[data-theme="light"] .btn-primary {
    background: #0969da;
    border-color: #0969da;
    color: #ffffff;
}

[data-theme="light"] .btn-primary:hover:not(:disabled) {
    background: #0550ae;
}

/* 上传区域按钮 - 亮色主题 */
[data-theme="light"] .upload-actions #selectFileBtn {
    background: transparent;
    border-color: var(--accent-primary);
    color: var(--accent-primary);
}

[data-theme="light"] .upload-actions #selectFileBtn:hover:not(:disabled) {
    background: rgba(9, 105, 218, 0.08);
    border-color: #0550ae;
    color: #0550ae;
    box-shadow: 0 4px 12px rgba(9, 105, 218, 0.15);
}

[data-theme="light"] .upload-actions #selectFolderBtn {
    background: transparent;
    border-color: var(--accent-purple);
    color: var(--accent-purple);
}

[data-theme="light"] .upload-actions #selectFolderBtn:hover:not(:disabled) {
    background: rgba(130, 80, 223, 0.08);
    border-color: #6b3db8;
    color: #6b3db8;
    box-shadow: 0 4px 12px rgba(130, 80, 223, 0.15);
}

[data-theme="light"] .upload-actions #uploadBtn {
    background: linear-gradient(135deg, #0969da 0%, #8250df 100%);
    border: none;
    color: #fff;
}

[data-theme="light"] .upload-actions #uploadBtn:hover:not(:disabled) {
    background: linear-gradient(135deg, #0550ae 0%, #6b3db8 100%);
    box-shadow: 0 4px 16px rgba(9, 105, 218, 0.25);
}

/* 顶栏 */
[data-theme="light"] .header {
    background: linear-gradient(180deg, #f6f8fa 0%, #ffffff 100%);
    border-bottom-color: #d0d7de;
}

[data-theme="light"] .header-logo-text {
    background: linear-gradient(90deg, #24292f, #0969da);
    -webkit-background-clip: text;
    background-clip: text;
}

[data-theme="light"] .header-logo-tag {
    background: rgba(130, 80, 223, 0.12);
    border-color: rgba(130, 80, 223, 0.25);
    color: #8250df;
}

[data-theme="light"] .header-status-panel {
    background: #ffffff;
    border-color: #d0d7de;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}

[data-theme="light"] .status-icon {
    background: #f6f8fa;
    border-color: #d0d7de;
}

[data-theme="light"] .status-icon.online {
    background: rgba(26, 127, 55, 0.12);
    border-color: rgba(26, 127, 55, 0.3);
}

[data-theme="light"] .status-label {
    color: #6e7781;
}

[data-theme="light"] .status-main {
    color: #24292f;
}

[data-theme="light"] .admin-pill {
    background: linear-gradient(135deg, rgba(207, 34, 46, 0.1), rgba(130, 80, 223, 0.1));
    border-color: rgba(207, 34, 46, 0.3);
    color: #cf222e;
}

[data-theme="light"] .control-group {
    background: #eaeef2;
    border-color: #d0d7de;
}

/* 侧边栏 */
[data-theme="light"] .sidebar-header {
    background: #ffffff;
    border-color: #d0d7de;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

[data-theme="light"] .sidebar-header:hover {
    border-color: #3fb950;
}

[data-theme="light"] .sidebar-title {
    color: #24292f;
}

[data-theme="light"] .sidebar-count {
    background: rgba(26, 127, 55, 0.1);
    color: #1a7f37;
}

[data-theme="light"] .sidebar-content {
    background: #ffffff;
    border-color: #d0d7de;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
}

[data-theme="light"] .online-user-item {
    background: #f6f8fa;
}

[data-theme="light"] .online-user-item:hover {
    background: #ffffff;
    border-color: #d0d7de;
}

[data-theme="light"] .online-user-item.self {
    background: rgba(26, 127, 55, 0.1);
    border-color: rgba(26, 127, 55, 0.2);
}

[data-theme="light"] .user-name {
    color: #24292f;
}

[data-theme="light"] .user-status {
    color: #1a7f37;
}

/* 主内容区 */
[data-theme="light"] .main-content {
    background: #ffffff;
}