/* Colored Theme */
:root {
	--bg-body: rgba(37, 99, 235, 0.04);
	--bg-main: #f8fafc;

	--text-primary: #0f172a;
	--text-secondary: rgba(15, 23, 42, 0.6);

	--border-primary: rgba(15, 23, 42, 0.4);
	--border-secondary: rgba(15, 23, 42, 0.4);
	--border-subtle: rgba(15, 23, 42, 0.15);
	--border-dotted: rgba(15, 23, 42, 0.15);
	--border-outline: rgba(37, 99, 235, 0.1);

	--accent-primary: #2563eb;
	--accent-secondary: white;
	--accent-tertiary: rgba(37, 99, 235, 0.75);
	--accent-muted: rgba(37, 99, 235, 0.5);
	--accent-faded: rgba(37, 99, 235, 0.4);

	--status-online: #22c55e;
	--status-online-border: #16a34a;
	--status-degraded: #facc15;
	--status-degraded-pattern: rgba(255, 255, 255, 0.4);
	--status-degraded-border: #eab308;
	--status-offline: #ef4444;
	--status-offline-x: white;
	--status-offline-border: #dc2626;
	--status-unknown: rgba(0, 0, 0, 0.1);

	--hover-bg: rgba(37, 99, 235, 0.05);
	--hover-text: white;
	--selected-bg: rgba(37, 99, 235, 0.12);

	--tooltip-bg: #0f172a;
	--tooltip-text: white;
	--tooltip-border: transparent;

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