/**
 * WPE Theme: Midnight Dark
 * Deep dark surfaces with indigo accents — sleek modern dark mode.
 */
:root {
    --wpe-primary:       #818cf8;
    --wpe-primary-dark:  #6366f1;
    --wpe-primary-light: #1e1b4b;
    --wpe-text:          #e2e8f0;
    --wpe-text-muted:    #94a3b8;
    --wpe-text-light:    #64748b;
    --wpe-border:        #2d3748;
    --wpe-border-dark:   #374151;
    --wpe-bg-soft:       #1a1a2e;
    --wpe-bg-muted:      #16213e;
    --wpe-card-bg:       #1e293b;
    --wpe-font-body:     'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Cards and panels dark surface */
.wpe-card, .wpe-search-card, .wpe-profile-panel,
.wpe-msg-sidebar, .wpe-msg-thread {
    background: var(--wpe-card-bg);
    border-color: var(--wpe-border);
    color: var(--wpe-text);
}

.wpe-input, .wpe-select, .wpe-textarea {
    background: #16213e;
    border-color: var(--wpe-border);
    color: var(--wpe-text);
}

.wpe-input:focus, .wpe-select:focus, .wpe-textarea:focus {
    border-color: var(--wpe-primary);
    box-shadow: 0 0 0 3px rgba(129,140,248,.25);
}

.wpe-btn, .wpe-btn-primary { background: var(--wpe-primary); color: #fff; }
.wpe-btn:hover, .wpe-btn-primary:hover { background: var(--wpe-primary-dark); }

/* Nav override for dark layout */
.wpe-nav { background: rgba(15,15,30,.95); border-bottom-color: var(--wpe-border); }
.wpe-nav-link { color: var(--wpe-text-muted); }
.wpe-nav-link:hover, .wpe-nav-link.active { color: var(--wpe-primary); }

.wpe-status-dot.online { background: #818cf8; box-shadow: 0 0 6px rgba(129,140,248,.6); }