/* Dark theme overrides — brass ledger on ink ground */
html[data-theme="dark"] {
    --ink: #e8ecf2;
    --ink-soft: #9aa6b8;
    --paper: #141a22;
    --paper-2: #1b2330;
    --brass: #c9a45c;
    --brass-deep: #e0bf7a;
    --copper: #d08a5a;
    --line: #334055;
    --debt: #e07a7a;
    --paid: #6dba94;
    --warn: #e0b45c;
    --white: #1e2734;
}

html[data-theme="dark"] body {
    background: linear-gradient(180deg, var(--paper) 0%, #0f141b 100%);
    color: var(--ink);
}

html[data-theme="dark"] .site-header {
    background: #0f141b;
    border-bottom-color: var(--brass);
}

html[data-theme="dark"] .card,
html[data-theme="dark"] .ledger,
html[data-theme="dark"] .login-box,
html[data-theme="dark"] .alert {
    background: var(--white);
    border-color: var(--line);
}

html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select,
html[data-theme="dark"] input.form-control,
html[data-theme="dark"] textarea.form-control {
    background: #141a22;
    border-color: var(--line);
    color: var(--ink);
}

html[data-theme="dark"] .dropdown-menu {
    background: #0f141b;
    border-color: var(--brass);
}

html[data-theme="dark"] .table thead th { border-bottom-color: var(--brass); }
html[data-theme="dark"] .table th,
html[data-theme="dark"] .table td { border-bottom-color: var(--line); }

html[data-theme="dark"] .login-page {
    background: linear-gradient(165deg, #0b0f14 0%, #151c27 50%, #1a1814 100%);
}

html[data-theme="dark"] .brand-logo { background: #0f141b; }