/* ── 淺色主題（覆蓋 theme-dark.css 的 :root 變數）── */
[data-bs-theme="light"] {
    --bg-primary: #f5f6f8;
    --bg-secondary: #ffffff;
    --bg-tertiary: #eef0f3;
    --bg-hover: #e2e5ea;
    --border-color: #d5d9e0;
    --border-light: #c4c9d4;
    --text-primary: #1a1d26;
    --text-secondary: #6b7280;
    --text-disabled: #b0b5c0;
    --shadow-sm: 0 2px 4px rgba(0,0,0,.05);
    --shadow-md: 0 4px 8px rgba(0,0,0,.08);
    --shadow-lg: 0 8px 16px rgba(0,0,0,.1);
}

    /* ── body 背景跟著走 ── */
    [data-bs-theme="light"] body {
        background: var(--bg-primary);
        color: var(--text-primary);
    }

    /* ── 登入頁漸層 ── */
    [data-bs-theme="light"] .login-page {
        background: linear-gradient(180deg, #e8ecf4 0%, #d5dce8 100%);
    }

    [data-bs-theme="light"] .login-form {
        box-shadow: 0 4px 20px rgba(0,0,0,.08);
    }

    /* ── 滾動條 ── */
    [data-bs-theme="light"] ::-webkit-scrollbar-track {
        background: rgba(0,0,0,.03);
    }

    [data-bs-theme="light"] ::-webkit-scrollbar-thumb {
        background: rgba(0,0,0,.15);
        border-radius: 3px;
    }

        [data-bs-theme="light"] ::-webkit-scrollbar-thumb:hover {
            background: rgba(0,0,0,.25);
        }

    /* ── 登入按鈕（漸層在淺色下稍微調亮）── */
    [data-bs-theme="light"] .login-submit {
        box-shadow: 0 4px 12px rgba(102,126,234,.2);
    }

    [data-bs-theme="light"] .avatar-large {
        color: initial;
    }

    [data-bs-theme="light"] button.danger,
    [data-bs-theme="light"] button.success,
    [data-bs-theme="light"] button.primary {
        color: var(--bg-primary);
    }

    [data-bs-theme="light"] .percentage-btn {
        color: var(--text-primary)
    }

    [data-bs-theme="light"] .asset-icon {
        color: var(--bg-primary)
    }

    [data-bs-theme="light"] .balance {
        background-color: #f0f9ff; /* 淺藍底 */
        border: 1px solid #bae6fd; /* 淡藍框 */
        border-radius: 6px;
        padding: 4px 10px;
        font-weight: 600;
    }