/* ============================================================
   Arch 2.0 — Dark Theme Overrides
   ============================================================ */

[data-theme="dark"] {
    --brand: #10B981;
    --brand-hover: #34D399;
    --brand-active: #059669;
    --brand-subtle: rgba(16, 185, 129, .08);
    --brand-muted: rgba(16, 185, 129, .12);

    --bg-app: #0D0F1A;
    --bg-surface: #151827;
    --bg-surface-alt: #151827;
    --bg-surface-hover: #1C2033;
    --bg-elevated: #1C2033;
    --bg-sidebar: #0D0F1A;
    --bg-topnav: rgba(13, 15, 26, .85);
    --bg-input: #151827;

    --text-primary: #EEEDF5;
    --text-secondary: #B8B5CC;
    --text-tertiary: #7A778F;
    --text-inverse: #1A1F36;
    --text-link: #34D399;

    --border: #1E2235;
    --border-subtle: #171B2B;
    --border-strong: #2D3348;
    --border-focus: #34D399;

    --success: #10B981;
    --success-bg: rgba(16, 185, 129, .12);
    --success-text: #34D399;
    --warning: #F59E0B;
    --warning-bg: rgba(245, 158, 11, .12);
    --warning-text: #FBBF24;
    --danger: #EF4444;
    --danger-bg: rgba(239, 68, 68, .12);
    --danger-text: #FCA5A5;
    --info: #3B82F6;
    --info-bg: rgba(59, 130, 246, .12);
    --info-text: #93C5FD;

    --shadow-sm: none;
    --shadow-md: none;
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, .3);
    --card-shadow: none;
}

/* Responsive table scroll indicator (dark) */
[data-theme="dark"] .table-responsive.has-scroll {
    box-shadow: inset -8px 0 8px -8px rgba(0, 0, 0, 0.2);
}

/* Kebab menu — dark overrides */
[data-theme="dark"] .kebab-panel {
    background: var(--bg-surface);
    border-color: var(--border);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .kebab-item-danger:hover {
    background: rgba(239, 68, 68, 0.15);
    color: #f87171;
}