/* Dark Theme - Classic Dark Mode */

:root {
    --dark-primary: #60a5fa;
    --dark-secondary: #a78bfa;
    --dark-accent: #34d399;
    --dark-warning: #fbbf24;
    --dark-danger: #f87171;
    
    --dark-bg: #111827;
    --dark-bg-light: #1f2937;
    --dark-bg-card: #1f2937;
    --dark-border: #374151;
    
    --dark-text: #f9fafb;
    --dark-text-light: #d1d5db;
    --dark-text-muted: #9ca3af;
}

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

.dark-theme .dashboard-card,
.dark-theme .pricing-card {
    background: var(--dark-bg-card);
    border: 1px solid var(--dark-border);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

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

.dark-theme .btn-primary {
    background: var(--dark-primary);
    color: var(--dark-bg);
}

.dark-theme .btn-primary:hover {
    background: #3b82f6;
}

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

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

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

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