/* Light Theme - Clean and Modern */

:root {
    --light-primary: #6366f1;
    --light-secondary: #8b5cf6;
    --light-accent: #10b981;
    --light-warning: #f59e0b;
    --light-danger: #ef4444;
    
    --light-bg: #ffffff;
    --light-bg-light: #f9fafb;
    --light-bg-card: #ffffff;
    --light-border: #e5e7eb;
    
    --light-text: #1f2937;
    --light-text-light: #6b7280;
    --light-text-muted: #9ca3af;
}

body.light-theme {
    background: var(--light-bg);
    color: var(--light-text);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.light-theme .dashboard-card,
.light-theme .pricing-card {
    background: var(--light-bg-card);
    border: 1px solid var(--light-border);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.light-theme .navbar {
    background: var(--light-bg-card);
    border-bottom: 1px solid var(--light-border);
}

.light-theme .btn-primary {
    background: var(--light-primary);
    color: white;
}

.light-theme .btn-primary:hover {
    background: #4f46e5;
}

.light-theme .status-badge.status-running {
    background: #d1fae5;
    color: #065f46;
}

.light-theme .status-badge.status-completed {
    background: #dbeafe;
    color: #1e40af;
}

.light-theme .status-badge.status-stopped {
    background: #fee2e2;
    color: #991b1b;
}