/* ==========================================================================
   DARK.CSS - Dark Mode Overrides for Veterans Benefits Center
   ========================================================================== */

/* DARK MODE VARIABLE OVERRIDES */
[data-theme="dark"] {
    --primary-navy: #f8fafc;
    --primary-blue: #60a5fa;
    --accent-gold: #fbbf24;
    --bg-off-white: #0f172a;
    --surface-white: #1e293b;
    --text-main: #e2e8f0;
    --text-muted: #94a3b8;
    --border-subtle: #334155;

    --success-green: #4ade80;
    --alert-red: #f87171;

    --warning-bg: #422006;
    --warning-border: #d97706;
    --warning-text: #fcd34d;

    --shadow-sm: 0 1px 3px rgba(0,0,0,0.5);
    --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.5);
    --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.5);
}

/* COMPONENT-SPECIFIC DARK MODE OVERRIDES */
[data-theme="dark"] .card-icon-wrapper {
    background: #1e293b;
}

[data-theme="dark"] .kb-header {
    background: #1e293b;
    border-bottom: 1px solid var(--border-subtle);
}

[data-theme="dark"] .partners {
    background: #1e293b;
    border-top: 1px solid var(--border-subtle);
}

[data-theme="dark"] .partner-chip {
    background: #334155;
    color: #e2e8f0;
}

[data-theme="dark"] .partner-chip:hover {
    background: var(--primary-blue);
    color: white;
}

[data-theme="dark"] .tooltip-term::after {
    background: #f8fafc;
    color: #0f172a;
}

/* Toast notifications - keep dark background in dark mode */
[data-theme="dark"] .push-toast,
[data-theme="dark"] .copy-toast {
    background: #1e293b;
    color: #e2e8f0;
    border: 1px solid #334155;
}