/* ===== THEME VARIABLES ===== */

/* Light Theme (Default) - Already defined in main.css */
.light-theme {
    --bg-primary: #f8f9fa;
    --bg-secondary: #ffffff;
    --bg-tertiary: #e9ecef;
    --glass-bg: rgba(255, 255, 255, 0.7);
    --glass-border: rgba(255, 255, 255, 0.18);
    --text-primary: #2c3e50;
    --text-secondary: #7f8c8d;
    --text-light: #bdc3c7;
    --shadow-color: 0, 0, 0;
}

/* Dark Theme */
.dark-theme {
    --bg-primary: #0f1419;
    --bg-secondary: #1a1f2e;
    --bg-tertiary: #242b3d;
    --glass-bg: rgba(26, 31, 46, 0.8);
    --glass-border: rgba(255, 255, 255, 0.08);
    --text-primary: #e8eaed;
    --text-secondary: #9aa0a6;
    --text-light: #5f6368;
    --shadow-color: 0, 0, 0;
}

/* Dark theme specific overrides */
.dark-theme body {
    background: linear-gradient(135deg, #0a0e14 0%, #1a2533 100%);
}

.dark-theme .header {
    background: rgba(26, 31, 46, 0.9);
    border-color: rgba(255, 255, 255, 0.1);
}

.dark-theme .stat-card,
.dark-theme .tasks-column,
.dark-theme .mini-progress-card {
    background: rgba(26, 31, 46, 0.8);
    border-color: rgba(255, 255, 255, 0.08);
}

.dark-theme .chapter-card,
.dark-theme .task-card {
    background: rgba(26, 31, 46, 0.6);
}

.dark-theme .modal-content {
    background: var(--bg-secondary);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-theme .form-group input,
.dark-theme .form-group textarea,
.dark-theme .form-group select {
    background: var(--bg-primary);
    border-color: var(--bg-tertiary);
    color: var(--text-primary);
}

.dark-theme .week-goal-item,
.dark-theme .day-column {
    background: rgba(255, 255, 255, 0.05);
}

.dark-theme .task-action-btn {
    background: var(--bg-tertiary);
    color: var(--text-secondary);
}

/* Smooth theme transition */
body,
.header,
.stat-card,
.chapter-card,
.task-card,
.modal-content,
.btn,
.filter-btn,
.tab-btn {
    transition: background-color var(--transition-normal),
                color var(--transition-normal),
                border-color var(--transition-normal),
                box-shadow var(--transition-normal);
}