/* Light Theme Variables */
:root[data-theme="light"] {
    --bg-primary: #ffffff;
    --bg-secondary: #f8f9fa;
    --bg-tertiary: #e9ecef;
    
    --text-primary: #212529;
    --text-secondary: #6c757d;
    --text-muted: #adb5bd;
    
    --accent-primary: #007bff;
    --accent-secondary: #6610f2;
    
    --border-color: #dee2e6;
    
    --text-success: #28a745;
    --text-warning: #ffc107;
    --text-danger: #dc3545;
    --text-info: #17a2b8;
    
    --shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Light Theme Specific Styles */
[data-theme="light"] body {
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
}

[data-theme="light"] .navbar {
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

[data-theme="light"] .card {
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .btn {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

[data-theme="light"] .form-control {
    background: #ffffff;
    border: 1px solid #ced4da;
    color: #495057;
}

[data-theme="light"] .form-control:focus {
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}