body {
    background-color: #FFFFFF;
    color: #000000;
}

.theme-toggle {
    background-color: #FFFFFF;
    color: #000000;
    border-color: #000000;
}

.theme-toggle:hover {
    background-color: #000000;
    color: #FFFFFF;
}

.logo {
    border-color: #000000;
    background-color: #FFFFFF;
    color: #000000;
}

.btn-primary {
    background-color: #000000;
    color: #FFFFFF;
    border-color: #000000;
}

.btn-primary:hover {
    background-color: #FFFFFF;
    color: #000000;
}

.input-field {
    background-color: #FFFFFF;
    color: #000000;
    border-color: #000000;
}

.input-field::placeholder {
    color: #666666;
}

.forgot-password {
    color: #8B0000;
}

.menu-link {
    color: #000000;
}

.section-box {
    border-color: #000000;
}

.tab-button {
    border-color: #000000;
    color: #000000;
}

.tab-button.active {
    background-color: #000000;
    color: #FFFFFF;
}

.btn-close {
    border-color: #000000;
    color: #000000;
}

.btn-close:hover {
    background-color: #000000;
    color: #FFFFFF;
}

.task-type-btn {
    border-color: #000000;
    color: #000000;
}

.task-type-btn.active {
    background-color: #000000;
    color: #FFFFFF;
}

.form-input,
.form-select,
.date-input,
.form-textarea {
    border-color: #000000;
    color: #000000;
}

.form-input::placeholder,
.date-input::placeholder,
.form-textarea::placeholder {
    color: #666666;
}

.theme-switch-btn {
    border-color: #000000;
    color: #000000;
}

.theme-switch-btn.active {
    background-color: #000000;
    color: #FFFFFF;
}

.message-item {
    border-color: #000000;
    background-color: #FFFFFF;
}

.message-delete {
    border-color: #000000;
    color: #000000;
}

.message-delete:hover {
    background-color: #000000;
    color: #FFFFFF;
}

.reward-item {
    border-color: #000000;
    background-color: #FFFFFF;
}

.reward-delete {
    border-color: #000000;
    color: #000000;
}

.reward-delete:hover {
    background-color: #000000;
    color: #FFFFFF;
}

.btn-logout {
    background-color: #8B0000 !important;
    color: #FFFFFF !important;
    border-color: #8B0000 !important;
}

.btn-logout:hover {
    background-color: #FFFFFF !important;
    color: #8B0000 !important;
    border-color: #8B0000 !important;
}

.bar-empty {
    border-color: #000000;
    background-color: #FFFFFF;
}

.bar-filled {
    background-color: #000000;
}

.weekly-stats {
    border-top-color: #000000;
}

.info-box {
    border-color: #000000;
}

.category-item {
    border-color: #000000;
    color: #000000;
}

.week-nav-btn {
    border-color: #000000;
    color: #000000;
}

.week-nav-btn:hover {
    background-color: #000000;
    color: #FFFFFF;
}

.task-btn-settings {
    border-color: #000000;
    color: #000000;
}

.task-btn-settings:hover {
    background-color: #000000;
    color: #FFFFFF;
}

.task-btn-do-today {
    border-color: #000000;
    color: #000000;
}

.task-btn-do-today:hover {
    background-color: #000000;
    color: #FFFFFF;
}

.task-btn-do-later {
    border-color: #B8860B;
    color: #B8860B;
}

.task-btn-do-later:hover {
    background-color: #B8860B;
    color: #FFFFFF;
}

.task-btn-done {
    border-color: #006400;
    color: #006400;
}

.task-btn-done:hover {
    background-color: #006400;
    color: #FFFFFF;
}

.category-filter-btn {
    border-color: #000000;
    color: #000000;
}

.category-dropdown-item {
    border-color: #000000;
    color: #000000;
    background-color: #FFFFFF;
}

.reward-count-box {
    border-color: #000000;
    color: #000000;
}

.reward-claim-btn {
    border-color: #000000;
    color: #000000;
}

.reward-claim-btn:not(:disabled):hover {
    background-color: #000000;
    color: #FFFFFF;
}

.status-select {
    border-color: #000000;
    background-color: #FFFFFF;
    color: #000000;
}

.status-select.status-todo {
    border-color: #B8860B;
    color: #B8860B;
}

.status-select.status-done {
    border-color: #006400;
    color: #006400;
}

.status-select option {
    background-color: #FFFFFF;
    color: #000000;
}

.btn-delete {
    border-color: #8B0000;
    color: #8B0000;
}

.btn-delete:hover {
    background-color: #8B0000;
    color: #FFFFFF;
}

.task-status-doing {
    color: #B8860B;
    border-color: #B8860B;
}

.btn-today {
    width: 100%;
    max-width: 300px;
    margin: 20px auto;
    display: block;
    padding: 15px;
    border: 2px solid #000000;
    background: none;
    color: #000000;
    font-family: Arial, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
}

.btn-today:hover {
    opacity: 0.7;
}