/* Dark Mode Styles */
body.dark-mode {
    --primary-color: #66b3ff; /* Lighter blue for dark mode */
    --secondary-color: #ffd700; /* Gold for dark mode */
    --accent-color: #4dc1d2; /* Complementary cyan */
    --background-color: #1a202c; /* Dark background */
    --card-background: #2d3748; /* Darker cards */
    --text-color: #e2e8f0; /* Light grey text */
    --light-text-color: #a0aec0; /* Lighter grey text */
    --border-color: #4a5568; /* Dark grey border */
    --success-color: #48bb78;
    --error-color: #fc8181;
}

body.dark-mode a {
    color: var(--primary-color);
}

body.dark-mode a:hover {
    color: var(--accent-color);
}

body.dark-mode .button.primary {
    background-color: var(--primary-color);
}

body.dark-mode .button.primary:hover {
    background-color: #4da6ff;
}

body.dark-mode .button.secondary {
    background-color: var(--light-text-color);
}

body.dark-mode .button.secondary:hover {
    background-color: #718096;
}

body.dark-mode .button.danger {
    background-color: var(--error-color);
    color: white;
}

body.dark-mode .button.danger:hover {
    background-color: #c82333;
}

body.dark-mode .button.like-button {
    background-color: var(--border-color);
    color: var(--text-color);
}

body.dark-mode .button.like-button.liked {
    background-color: var(--primary-color);
    color: white;
}

body.dark-mode .button.like-button:hover {
    background-color: var(--accent-color);
    color: white;
}

body.dark-mode .flash-message.success {
    background-color: #2f855a;
    color: #c6f6d5;
    border-color: #48bb78;
}

body.dark-mode .flash-message.error {
    background-color: #c53030;
    color: #fed7d7;
    border-color: #fc8181;
}

body.dark-mode .admin-table th {
    background-color: var(--primary-color);
    color: white;
}

body.dark-mode .admin-table tr:nth-child(even) {
    background-color: #2d3748;
}

body.dark-mode .messages-container {
    background-color: var(--background-color);
}

body.dark-mode .conversations-list {
    background-color: var(--card-background);
}

body.dark-mode .conversations-list li.active {
    background-color: var(--primary-color);
}

body.dark-mode .conversations-list li.active a {
    color: white;
}

body.dark-mode .message-thread {
    background-color: var(--card-background);
}

body.dark-mode .message-item.sent {
    background-color: var(--primary-color);
    color: white;
}

body.dark-mode .message-item.received {
    background-color: var(--border-color);
    color: var(--text-color);
}

body.dark-mode .notification-item.unread {
    background-color: #4a5568; /* Darker yellow for unread in dark mode */
    border-color: #667eea;
    color: var(--text-color);
}

body.dark-mode .modal-content {
    background-color: var(--card-background);
}

body.dark-mode .close-button {
    color: var(--text-color);
}

body.dark-mode .close-button:hover,
body.dark-mode .close-button:focus {
    color: var(--primary-color);
}