/* Light Theme */
:root.light-theme {
    /* Background colors */
    --bg-primary: #f5f5f5;
    --bg-secondary: #ffffff;
    --bg-tertiary: #fafafa;
    --bg-hover: #eeeeee;
    
    /* Text colors */
    --text-primary: #1a1a1a;
    --text-secondary: #666666;
    --text-tertiary: #999999;
    
    /* Border colors */
    --border-primary: rgba(0, 0, 0, 0.1);
    --border-secondary: rgba(0, 0, 0, 0.06);
    
    /* Shadow */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);
}

/* Apply light theme styles */
.light-theme {
    color-scheme: light;
}

.light-theme body {
    background-color: #f5f5f5;
    color: #1a1a1a;
}

/* Header */
.light-theme .header {
    background: #ffffff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.light-theme .logo {
    color: #1a1a1a;
}

.light-theme .breadcrumb {
    color: #666666;
}

.light-theme .nav-link {
    color: #666666;
}

.light-theme .nav-link:hover,
.light-theme .nav-link.active {
    color: #1a1a1a;
    background: #f5f5f5;
}

/* User menu */
.light-theme .user-info span {
    color: #1a1a1a;
}

.light-theme .user-dropdown {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.light-theme .user-menu-item {
    color: #1a1a1a;
}

.light-theme .user-menu-item:hover {
    background: #f5f5f5;
}

/* Main content */
.light-theme .main-container {
    background: #f5f5f5;
}

.light-theme .content {
    background: #f5f5f5;
}

/* Kanban columns */
.light-theme .kanban-column {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.08);
}

.light-theme .column-header {
    background: #fafafa;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.light-theme .column-title {
    color: #1a1a1a;
}

.light-theme .task-count {
    background: #eeeeee;
    color: #666666;
}

/* Task cards */
.light-theme .task-card {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.08);
}

.light-theme .task-card:hover {
    border-color: rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.light-theme .task-title {
    color: #1a1a1a;
}

.light-theme .task-description {
    color: #666666;
}

.light-theme .task-tag {
    border: 1px solid rgba(0, 0, 0, 0.1);
}

/* Buttons */
.light-theme .create-task-btn,
.light-theme .btn-primary {
    background: #3b82f6;
    color: #ffffff;
}

.light-theme .create-task-btn:hover,
.light-theme .btn-primary:hover {
    background: #2563eb;
}

.light-theme .btn-secondary {
    background: #eeeeee;
    color: #1a1a1a;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.light-theme .btn-secondary:hover {
    background: #e0e0e0;
}

/* Modals */
.light-theme .modal-overlay {
    background-color: rgba(0, 0, 0, 0.4);
}

.light-theme .modal-content {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
}

.light-theme .modal-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.light-theme .modal-title {
    color: #1a1a1a;
}

.light-theme .modal-close {
    color: #666666;
}

.light-theme .modal-close:hover {
    background: #f5f5f5;
    color: #1a1a1a;
}

/* Forms */
.light-theme .form-input,
.light-theme .form-textarea,
.light-theme .property-select {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    color: #1a1a1a;
}

.light-theme .form-input:focus,
.light-theme .form-textarea:focus,
.light-theme .property-select:focus {
    border-color: #3b82f6;
}

.light-theme .form-label {
    color: #1a1a1a;
}

/* Task view modal */
.light-theme .task-view-modal-new {
    background: #ffffff;
}

.light-theme .task-view-left,
.light-theme .task-view-right {
    background: #ffffff;
}

.light-theme .task-view-divider {
    background: rgba(0, 0, 0, 0.08);
}

.light-theme .task-view-title-new {
    color: #1a1a1a;
}

.light-theme .task-view-description p {
    color: #666666;
}

/* Notifications */
.light-theme .notification {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.light-theme .notification-message {
    color: #1a1a1a;
}

.light-theme .notification-close {
    color: #666666;
}

.light-theme .notification-close:hover {
    background: #f5f5f5;
    color: #1a1a1a;
}

/* Confirm modal */
.light-theme .confirm-content {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.light-theme .confirm-title {
    color: #1a1a1a;
}

.light-theme .confirm-message {
    color: #666666;
}

.light-theme .confirm-header,
.light-theme .confirm-footer {
    border-color: rgba(0, 0, 0, 0.08);
}

.light-theme .prompt-input {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    color: #1a1a1a;
}

/* Settings */
.light-theme .settings-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.light-theme .settings-item-label {
    color: #1a1a1a;
}

.light-theme .settings-item-description {
    color: #666666;
}

.light-theme .settings-section-title {
    color: #1a1a1a;
}

/* Toggle switch for light theme */
.light-theme .toggle-slider {
    background-color: #cccccc;
}

.light-theme input:checked + .toggle-slider {
    background-color: #3b82f6;
}

/* Subtasks */
.light-theme .subtask-item {
    background: #fafafa;
    border: 1px solid rgba(0, 0, 0, 0.06);
}

.light-theme .subtask-item:hover {
    background: #f5f5f5;
}

.light-theme .subtask-text {
    color: #1a1a1a;
}

/* Properties */
.light-theme .task-view-property {
    color: #666666;
}

.light-theme .property-label-inline {
    color: #999999;
}

.light-theme .property-value-inline {
    color: #1a1a1a;
}

/* Tags */
.light-theme .property-tag-item {
    border: 1px solid rgba(0, 0, 0, 0.1);
}

/* Footer */
.light-theme .task-modal-footer-left,
.light-theme .task-modal-footer-right {
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

/* Project dropdown */
.light-theme .project-dropdown-menu {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.light-theme .project-option {
    color: #1a1a1a;
}

.light-theme .project-option:hover {
    background: #f5f5f5;
}

.light-theme .project-option.active {
    background: #e3f2fd;
    color: #1976d2;
}