/* Global Dark Mode Styles */
body.dark-mode {
    background-color: #0a0612 !important;
    background-image: 
      linear-gradient(135deg, rgba(139, 95, 179, 0.06) 25%, transparent 25%), 
      linear-gradient(225deg, rgba(139, 95, 179, 0.06) 25%, transparent 25%), 
      linear-gradient(45deg, rgba(139, 95, 179, 0.06) 25%, transparent 25%), 
      linear-gradient(315deg, rgba(139, 95, 179, 0.06) 25%, transparent 25%) !important;
    color: #e0e0e0 !important;
    transition: all 0.3s ease;
}

/* Navbar Dark Mode */
body.dark-mode nav.navbar,
body.dark-mode .navbar {
    background-color: #140a22 !important;
    box-shadow: 0 1px 3px rgba(139, 95, 179, 0.15) !important;
}

body.dark-mode nav.navbar a,
body.dark-mode nav.navbar .logo,
body.dark-mode .navbar a,
body.dark-mode .navbar .logo {
    color: #e0e0e0 !important;
}

/* Main Content Areas */
body.dark-mode .main-content,
body.dark-mode .container,
body.dark-mode .content,
body.dark-mode .board-container,
body.dark-mode .progress-content,
body.dark-mode .profile-content,
body.dark-mode .journal-content {
    background: #140a22 !important;
    box-shadow: 0 2px 8px rgba(139, 95, 179, 0.15) !important;
}

/* Cards and Panels */
body.dark-mode .card,
body.dark-mode .panel,
body.dark-mode .search-section,
body.dark-mode .upload-area,
body.dark-mode .board-preview {
    background: #1f0f35 !important;
    border-color: #2d1549 !important;
}

/* Text Colors */
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6 {
    color: #e0e0e0 !important;
}

body.dark-mode p,
body.dark-mode span,
body.dark-mode label,
body.dark-mode .text {
    color: #b0b0b0 !important;
}

/* Form Elements */
body.dark-mode input[type="text"],
body.dark-mode input[type="email"],
body.dark-mode input[type="password"],
body.dark-mode input[type="search"],
body.dark-mode textarea,
body.dark-mode select,
body.dark-mode .form-input {
    background: #1f0f35 !important;
    border-color: #2d1549 !important;
    color: #e0e0e0 !important;
}

body.dark-mode input:focus,
body.dark-mode textarea:focus,
body.dark-mode select:focus,
body.dark-mode .form-input:focus {
    background: #2d1549 !important;
    border-color: #6b4897 !important;
}

body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder {
    color: #888 !important;
}

/* Buttons */
body.dark-mode button,
body.dark-mode .btn,
body.dark-mode .button {
    background: #1f0f35 !important;
    color: #e0e0e0 !important;
    border-color: #2d1549 !important;
}

body.dark-mode button:hover,
body.dark-mode .btn:hover,
body.dark-mode .button:hover {
    background: #2d1549 !important;
}

/* Borders and Dividers */
body.dark-mode .border,
body.dark-mode hr,
body.dark-mode .divider {
    border-color: #2d1549 !important;
}

/* Timeline Dark Mode */
body.dark-mode .timeline-item {
    background-color: #1f0f35 !important;
}

/* Progress Page Elements */
body.dark-mode .progress-card,
body.dark-mode .stat-card,
body.dark-mode .achievement-card {
    background: #1f0f35 !important;
    border-color: #2d1549 !important;
}

/* Journal Dark Mode */
body.dark-mode .journal-entry,
body.dark-mode .journal-card {
    background: #1f0f35 !important;
    border-color: #2d1549 !important;
}

/* Create Board Dark Mode */
body.dark-mode .preview-item,
body.dark-mode .search-result-item {
    background: #1f0f35 !important;
    border-color: #2d1549 !important;
}

/* Boards Page Dark Mode */
body.dark-mode .board-item,
body.dark-mode .vision-board-card {
    background: #1f0f35 !important;
    border-color: #2d1549 !important;
}

/* Toggle Switches */
body.dark-mode .toggle-switch.active {
    background: #1f0f35 !important;
}

/* Special Elements */
body.dark-mode .highlight {
    background: #2d1549 !important;
    color: #e0e0e0 !important;
}

body.dark-mode .shadow {
    box-shadow: 0 2px 8px rgba(139, 95, 179, 0.15) !important;
}