body {
    background-color: #121212;
    color: #e0e0e0;
}

.app-header {
    background-color: #1e1e1e;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

.sidebar {
    background-color: #1e1e1e;
    border-right-color: #333;
}

.content-area {
    background-color: #121212;
}

.menu-item {
    color: #b0b0b0;
}

.menu-item:hover {
    background-color: #333;
    color: #fff;
}

.menu-item.active {
    background-color: rgba(58, 134, 255, 0.2);
    color: var(--primary-color);
}

.section-header h3 {
    color: #888;
}

.category-item:hover {
    background-color: #333;
}

.task-card {
    background-color: #1e1e1e;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

.task-card:hover {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
}

.task-description {
    color: #a0a0a0;
}

.search-box input,
.sort-options select,
.filter-options select,
.form-group input[type="text"],
.form-group input[type="datetime-local"],
.form-group select,
.form-group textarea,
.tag-input {
    background-color: #2d2d2d;
    border-color: #333;
    color: #e0e0e0;
}

.search-box input:focus,
.sort-options select:focus,
.filter-options select:focus,
.form-group input[type="text"]:focus,
.form-group input[type="datetime-local"]:focus,
.form-group select:focus,
.form-group textarea:focus {
    box-shadow: 0 0 0 3px rgba(58, 134, 255, 0.3);
}

.modal-content {
    background-color: #1e1e1e;
}

.modal-header {
    border-bottom-color: #333;
}

.secondary-button {
    background-color: #333;
    color: #e0e0e0;
}

.secondary-button:hover {
    background-color: #444;
}

.icon-button:hover {
    background-color: #333;
}

.tag-item, .task-tag {
    background-color: #333;
}

.tag-input .tag-item {
    background-color: #333;
}

.empty-state {
    color: #888;
}