/* BankFlow - Dark Theme (v2 — Modern SaaS) */

[data-theme="dark"] {
    --bf-bg: #0c1222;
    --bf-bg-card: #162032;
    --bf-bg-sidebar: #131d30;
    --bf-bg-header: rgba(22, 32, 50, 0.85);
    --bf-bg-input: #1e2d44;
    --bf-bg-hover: #1e2d44;
    --bf-bg-active: #2a3d58;
    --bf-bg-modal: #162032;
    --bf-bg-dropdown: #162032;
    --bf-bg-code: #1e2d44;
    --bf-bg-subtle: #131d30;

    --bf-text: #edf2f7;
    --bf-text-secondary: #a0b1c5;
    --bf-text-muted: #5a7290;
    --bf-text-inverse: #0c1222;

    --bf-border: #1e2d44;
    --bf-border-light: #162032;
    --bf-border-input: #2a3d58;

    --bf-sidebar-active-bg: rgba(37, 99, 235, 0.12);
    --bf-sidebar-active-text: #60a5fa;

    --bf-overlay: rgba(0, 0, 0, 0.6);
    --bf-scrollbar: #2a3d58;
    --bf-scrollbar-hover: #3a5070;

    --bf-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.2);
    --bf-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.2);
    --bf-shadow: 0 2px 8px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.2);
    --bf-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.35), 0 2px 6px rgba(0, 0, 0, 0.2);
    --bf-shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.4), 0 4px 8px rgba(0, 0, 0, 0.25);
    --bf-shadow-xl: 0 20px 48px rgba(0, 0, 0, 0.5), 0 8px 16px rgba(0, 0, 0, 0.3);
    --bf-shadow-primary: 0 4px 16px rgba(37, 99, 235, 0.3);

    color-scheme: dark;
}