/* ========================================
   LIGHT THEME STYLES
   ======================================== */

[data-theme="light"] {
    /* Colors */
    --primary-bg: #ffffff;
    --secondary-bg: #f5f5f5;
    --tertiary-bg: #e0e0e0;
    --accent-color: #7c3aed;
    --accent-secondary: #0891b2;
    --text-primary: #1f2937;
    --text-secondary: #4b5563;
    --text-muted: #6b7280;
    --border-color: #d1d5db;
    --border-light: #9ca3af;
    --success-color: #10b981;
    --warning-color: #f59e0b;
    --error-color: #ef4444;
    --weekend-bg: #fef2f2;
    --today-border: #f59e0b;
}

[data-theme="light"] body {
    background: linear-gradient(135deg, #f0f9ff 0%, #e0e7ff 100%);
}

[data-theme="light"] .calendar-table td {
    background: var(--primary-bg);
}

[data-theme="light"] .calendar-table td.weekend {
    background: var(--weekend-bg);
}

[data-theme="light"] .calendar-table td:hover {
    background: var(--secondary-bg);
}

/* Festività italiane - Light theme - same as weekend */
[data-theme="light"] .calendar-table td.holiday {
    background: var(--weekend-bg);
}

[data-theme="light"] .calendar-table td.holiday .day-number {
    color: #7f1d1d;
}

[data-theme="light"] .calendar-table td.holiday::after {
    color: #7f1d1d;
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.6);
}

[data-theme="light"] .calendar-table td.holiday:hover {
    background: #fecaca;
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.3);
}

[data-theme="light"] .modal-backdrop,
[data-theme="light"] .modal-overlay {
    background: rgba(255, 255, 255, 0.8);
}

[data-theme="light"] .version-badge {
    background: linear-gradient(135deg, var(--accent-color), var(--accent-secondary));
}

[data-theme="light"] input,
[data-theme="light"] textarea,
[data-theme="light"] select {
    background: var(--primary-bg);
    color: var(--text-primary);
    border-color: var(--border-color);
}

[data-theme="light"] .stat-card {
    background: var(--primary-bg);
    border-color: var(--border-color);
}

[data-theme="light"] .todo-item {
    background: var(--primary-bg);
    border-color: var(--border-color);
}

[data-theme="light"] .activity-item {
    background: var(--primary-bg);
    border-color: var(--border-color);
}