/* Colored Dark Mode Theme */
:root {
	--bg-body: #0a0f1a;
	--bg-main: #111827;

	--text-primary: #e2e8f0;
	--text-secondary: rgba(224, 231, 255, 0.7);

	--border-primary: rgba(59, 130, 246, 0.15);
	--border-secondary: rgba(71, 85, 105, 0.6);
	--border-subtle: rgba(224, 231, 255, 0.15);
	--border-dotted: rgba(224, 231, 255, 0.2);
	--border-outline: rgba(59, 130, 246, 0.15);

	--accent-primary: #2563eb;
	--accent-secondary: #e0e7ff;
	--accent-tertiary: rgba(96, 165, 250, 0.8);
	--accent-muted: rgba(59, 130, 246, 0.4);
	--accent-faded: rgba(59, 130, 246, 0.4);

	--status-online: #10b981;
	--status-online-border: #059669;
	--status-degraded: #f59e0b;
	--status-degraded-pattern: rgba(0, 0, 0, 0.2);
	--status-degraded-border: #d97706;
	--status-offline: #dc2626;
	--status-offline-x: #fef2f2;
	--status-offline-border: #b91c1c;
	--status-unknown: #475569;

	--hover-bg: #334155;
	--hover-text: white;
	--selected-bg: rgba(59, 130, 246, 0.15);

	--tooltip-bg: #1e293b;
	--tooltip-text: #f1f5f9;
	--tooltip-border: rgba(38, 89, 172, 0.2);

	--shadow-color: rgba(0, 0, 0, 0.5);
}