/* ConnectBook - Facebook Dark Mode */

body.dark-mode {
    --cb-bg: #18191a;
    --cb-surface: #242526;
    --cb-text: #e4e6eb;
    --cb-text-muted: #b0b3b8;
    --cb-border: #393a3b;
    --cb-border-light: #3a3b3c;
    --cb-hover-bg: #3a3b3c;
    --cb-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

body.dark-mode .cb-navbar,
body.dark-mode .cb-card,
body.dark-mode .modal-content,
body.dark-mode .dropdown-menu,
body.dark-mode .cb-messenger-container {
    background-color: var(--cb-surface);
    color: var(--cb-text);
    border-color: var(--cb-border-light);
}

body.dark-mode .cb-search-input,
body.dark-mode .cb-create-post-input,
body.dark-mode .form-control,
body.dark-mode .form-select {
    background-color: #3a3b3c;
    color: #e4e6eb;
    border-color: #4e4f50;
}

body.dark-mode .form-control:focus,
body.dark-mode .form-select:focus {
    background-color: #3a3b3c;
    color: #e4e6eb;
    border-color: var(--cb-primary);
}

body.dark-mode .cb-icon-btn {
    background-color: #3a3b3c;
    color: #e4e6eb;
}

body.dark-mode .cb-icon-btn:hover {
    background-color: #4e4f50;
}

body.dark-mode .cb-comment-bubble,
body.dark-mode .cb-bubble-other {
    background-color: #3a3b3c;
    color: #e4e6eb;
}

body.dark-mode .dropdown-item {
    color: #e4e6eb;
}

body.dark-mode .dropdown-item:hover {
    background-color: #3a3b3c;
    color: #fff;
}

body.dark-mode .table {
    color: #e4e6eb;
    border-color: #3a3b3c;
}