/* ==========================================================================
   theme-dark.css — Dark mode color tokens (default theme)
   ========================================================================== */

[data-theme="dark"] {
    --color-bg-primary: #171718;
    --color-bg-secondary: #16213e;
    --color-bg-elevated: #21232d;
    --color-surface-blue: #0f1a3a;
    --color-surface-blue-mid: #162050;
    --color-accent: #42f2ec;
    --color-accent-hover: #5ff5f0;
    --color-accent-green: #00e4bb;
    --color-text-primary: #e8e8f0;
    --color-text-secondary: #9999b0;
    --color-text-on-dark: #000000;
    --color-text-on-dark-muted: rgba(255, 255, 255, 0.5);
    --color-border: #272b31;
    --color-border-light: #222240;
    --color-danger: #ff6b6b;
    --color-warning: #ffbe4d;
    --color-success: #4ecb71;

    /* Confidence badge backgrounds */
    --color-confidence-high-bg: rgba(78, 203, 113, 0.15);
    --color-confidence-medium-bg: rgba(255, 190, 77, 0.15);
    --color-confidence-low-bg: rgba(255, 107, 107, 0.15);

    /* PHI warning */
    --color-phi-bg: rgba(255, 190, 77, 0.1);
    --color-phi-border: rgba(255, 190, 77, 0.4);
    --color-phi-text: #ffbe4d;

    /* Code blocks */
    --color-code-bg: rgba(255, 255, 255, 0.06);
    --color-code-block-bg: #0d0d1a;
    --color-code-block-text: #e8e8f0;

    /* Tool indicator */
    --color-tool-indicator-bg: rgba(61, 184, 255, 0.1);
    --color-tool-indicator-border: rgba(61, 184, 255, 0.25);

    /* Shadows */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 2px 12px rgb(5 19 60 / 59%);
    --shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.5);
    --shadow-content: 1px 7px 27px -11px rgb(20 76 156 / 63%);

    /* Scrollbar */
    --color-scrollbar-thumb: #3a3a5a;
    --color-scrollbar-track: transparent;

    /* Placeholder */
    --color-placeholder: #666680;

    /* Nav bar */
    --color-nav-bg: #0f0f22;
    --color-nav-border: #1a1a35;
    --color-nav-text: #e8e8f0;
    --color-nav-icon: rgba(255, 255, 255, 0.95);
    --color-nav-icon-hover: #ffffff;

    /* Suite tiles */
    --color-suite-tile-bg: #1e2a5a;
    --color-suite-tile-hover: #253068;
    --color-suite-tile-icon: rgba(255, 255, 255, 0.9);
    --color-suite-tile-label: #e8e8f0;

    /* Sidebar */
    --color-sidebar-bg: #1a1a35;
    --color-sidebar-border: #2a2a4a;
    --sidebar-close-icon-filter: none;

    /* Settings */
    --color-settings-section-bg: #16213e;

    /* Search hero */
    --color-search-underline: var(--color-accent-green);
    --color-search-bg: transparent;

    /* Overlay */
    --color-overlay-bg: rgba(0, 0, 0, 0.6);

    /* Search icon filter */
    --search-icon-filter: brightness(0) invert(1);

    /* Message bubble h2 and links */
    --color-bubble-h2: #a7acc8;
    --color-bubble-link: #42f2ec;

    /* Calculator result bar - same blue as light mode */
    --color-calc-result-bg: #1167f7;

    /* Chat input borders */
    --color-input-border-inactive: #4a5070;
    --color-input-border-active: #27c9b2;
    --search-go-icon-hover-filter: brightness(0) saturate(100%) invert(79%) sepia(31%) saturate(2912%) hue-rotate(130deg) brightness(98%) contrast(88%);
}

/* Sidebar reopen tab — dark mode glow */
[data-theme="dark"] .sidebar-reopen-btn:hover {
    box-shadow: -4px 0 16px rgba(17, 103, 247, 0.25), 0 0 12px rgba(17, 103, 247, 0.12);
}

/* DI severity badges — light text on dark backgrounds */
[data-theme="dark"] .di-detail-sev-minor    { background: rgba(0, 200, 120, 0.18); color: #4dffa0; }
[data-theme="dark"] .di-detail-sev-moderate { background: rgba(230, 200, 0, 0.18);  color: #ffd84d; }
[data-theme="dark"] .di-detail-sev-significant { background: rgba(255, 140, 0, 0.18); color: #ffb366; }
[data-theme="dark"] .di-detail-sev-critical { background: rgba(255, 60, 60, 0.18);  color: #ff7070; }