/* ============================================================
   主题切换：覆盖 dark.css 的 CSS 变量
   - 默认（无 data-theme）：账本与墨（暖纸·朱砂）
   - data-theme="business"：商务深蓝
   - data-theme="finance"：财务墨绿
   ============================================================ */

/* ---------- 商务风 business ---------- */
[data-theme="business"] {
    --paper: #EEF1F6;          /* 冷灰蓝底 */
    --surface: #FFFFFF;        /* 纯白卡片 */
    --surface-2: #F4F6FA;      /* 表头/内嵌 */
    --ink: #1A2740;            /* 深墨蓝 */
    --ink-2: #5A6B85;          /* 次要蓝灰 */
    --ink-3: #8A97AB;          /* 弱化 */
    --line: #DDE3EC;           /* 发丝线 */
    --line-2: #C5CEDC;
    --accent: #1E5FA8;         /* 沉稳商务蓝 */
    --accent-deep: #164A85;
    --accent-soft: rgba(30, 95, 168, 0.08);
    --green: #2E8B57;
    --red: #C0392B;
    --amber: #C8860A;
    --ink-side: #1B2942;       /* 深蓝侧栏 */
    --ink-side-soft: #243452;
    --ink-side-text: #B8C4D8;
    --shadow: 0 1px 2px rgba(26, 39, 64, 0.04), 0 6px 20px rgba(26, 39, 64, 0.06);
}

[data-theme="business"] body.dark-body {
    background: var(--paper);
    background-image:
        radial-gradient(ellipse 120% 60% at 50% -10%, rgba(30, 95, 168, 0.04), transparent 55%),
        radial-gradient(ellipse at 0% 100%, rgba(60, 80, 120, 0.04), transparent 50%);
}

[data-theme="business"] ::selection { background: rgba(30, 95, 168, 0.16); color: var(--accent-deep); }

[data-theme="business"] h1, [data-theme="business"] h2, [data-theme="business"] h3,
[data-theme="business"] .page-title, [data-theme="business"] .sidebar-title,
[data-theme="business"] .login-box h1 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
        "Microsoft YaHei", sans-serif;
    letter-spacing: 0;
}

[data-theme="business"] .sidebar-logo {
    background: var(--accent);
    border-radius: 8px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

[data-theme="business"] .btn-primary {
    background: linear-gradient(135deg, #2E6FB8 0%, #1E5FA8 100%);
    border: none;
}
[data-theme="business"] .btn-primary:hover { background: linear-gradient(135deg, #3A7CC4 0%, #2668B5 100%); }

[data-theme="business"] .stat-icon, [data-theme="business"] .channel-tag {
    background: rgba(30, 95, 168, 0.09);
    color: var(--accent);
}

/* ---------- 财务风 finance ---------- */
[data-theme="finance"] {
    --paper: #F5F1E8;          /* 米色账本底 */
    --surface: #FFFBF2;        /* 暖白卡片 */
    --surface-2: #EDE6D6;      /* 表头 */
    --ink: #1F2A24;            /* 墨绿黑 */
    --ink-2: #5A6B5E;          /* 次要绿灰 */
    --ink-3: #8E9B8E;          /* 弱化 */
    --line: #D6CDB8;           /* 发丝线 */
    --line-2: #C2B89E;
    --accent: #2D6A4F;         /* 翡翠墨绿 */
    --accent-deep: #1E5139;
    --accent-soft: rgba(45, 106, 79, 0.09);
    --green: #2D6A4F;
    --red: #B23A48;
    --amber: #B8860B;          /* 金 */
    --ink-side: #143022;       /* 深墨绿侧栏 */
    --ink-side-soft: #1C3D2B;
    --ink-side-text: #B8C9B5;
    --shadow: 0 1px 2px rgba(31, 42, 36, 0.04), 0 6px 20px rgba(31, 42, 36, 0.06);
}

[data-theme="finance"] body.dark-body {
    background: var(--paper);
    background-image:
        radial-gradient(ellipse 120% 60% at 50% -10%, rgba(45, 106, 79, 0.05), transparent 55%),
        radial-gradient(ellipse at 0% 100%, rgba(184, 134, 11, 0.04), transparent 50%);
}

[data-theme="finance"] ::selection { background: rgba(45, 106, 79, 0.16); color: var(--accent-deep); }

[data-theme="finance"] h1, [data-theme="finance"] h2, [data-theme="finance"] h3,
[data-theme="finance"] .page-title, [data-theme="finance"] .sidebar-title,
[data-theme="finance"] .login-box h1 {
    font-family: "Songti SC", "Noto Serif SC", "STSong", Georgia, serif;
    letter-spacing: .03em;
}

[data-theme="finance"] .sidebar-logo {
    background: var(--accent);
    color: #F5EFE0;
}

[data-theme="finance"] .btn-primary {
    background: linear-gradient(135deg, #3A7D5E 0%, #2D6A4F 100%);
    border: none;
}
[data-theme="finance"] .btn-primary:hover { background: linear-gradient(135deg, #44896A 0%, #357759 100%); }

[data-theme="finance"] .btn-success {
    background: linear-gradient(135deg, #C89B2E 0%, #B8860B 100%);
}

[data-theme="finance"] .stat-icon, [data-theme="finance"] .channel-tag {
    background: rgba(45, 106, 79, 0.09);
    color: var(--accent);
}

[data-theme="finance"] .text-green { color: #1E7A4F; }
/* 负数（亏损）重点标红：醒目红 + 加粗 + 浅红底色 */
[data-theme="finance"] .text-red {
    color: #D32F2F;
    font-weight: 700;
}

[data-theme="finance"] .summary-value {
    font-family: "SF Mono", "Consolas", "Courier New", monospace;
    font-weight: 600;
}

/* 汇总卡片里的负利润：整张卡片浅红警示 */
[data-theme="finance"] .summary-card:has(.summary-value.text-red) {
    background: #FDECEA;
    border-color: #F5C6C2;
}
[data-theme="finance"] .summary-value.text-red {
    color: #C62828;
    font-size: 1.15em;
}

/* 表格里负利润单元格：浅红底标签式高亮 */
[data-theme="finance"] td.text-red {
    background: #FDECEA;
    border-radius: 6px;
    box-shadow: inset 0 0 0 1px #F5C6C2;
    font-weight: 700;
}

/* ---------- 主题切换器 ---------- */
.theme-switcher {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-right: 12px;
    font-size: 12px;
}
.theme-switcher select {
    padding: 5px 10px;
    border-radius: 6px;
    border: 1px solid var(--line-2);
    background: var(--surface);
    color: var(--ink);
    font-size: 12px;
    cursor: pointer;
    outline: none;
}
.theme-switcher select:focus { border-color: var(--accent); }