/* Catppuccin Macchiato Theme */
:root {
	--bg-body: #24273a; /* Base */
	--bg-main: #1e2030; /* Mantle */

	--text-primary: #cad3f5; /* Text */
	--text-secondary: rgba(165, 173, 203, 0.6); /* Overlay2 @ 60% */

	--border-primary: #8aadf4; /* Blue */
	--border-secondary: rgba(110, 115, 141, 0.6); /* Overlay1 @ 60% */
	--border-subtle: rgba(138, 173, 244, 0.2); /* Blue @ 20% */
	--border-dotted: rgba(138, 173, 244, 0.4); /* Blue @ 40% */
	--border-outline: rgba(138, 173, 244, 0.12); /* Blue @ 12% */

	--accent-primary: #8aadf4; /* Blue */
	--accent-secondary: #1e2030; /* Mantle */
	--accent-tertiary: rgba(138, 173, 244, 0.85); /* Blue @ 85% */
	--accent-muted: rgba(138, 173, 244, 0.5); /* Blue @ 50% */
	--accent-faded: rgba(138, 173, 244, 0.4); /* Blue @ 40% */

	--status-online: #a6da95; /* Green */
	--status-online-border: #a6da95; /* Green */
	--status-degraded: #eed49f; /* Yellow */
	--status-degraded-pattern: rgba(24, 25, 38, 0.35); /* Crust @ 35% */
	--status-degraded-border: #eed49f; /* Yellow */
	--status-offline: #ed8796; /* Red */
	--status-offline-x: #1e2030; /* Mantle */
	--status-offline-border: #ed8796; /* Red */
	--status-unknown: #363a4f; /* Surface0 */

	--hover-bg: rgba(138, 173, 244, 0.12); /* Blue @ 12% */
	--hover-text: #1e2030; /* Mantle */
	--selected-bg: rgba(138, 173, 244, 0.15); /* Blue @ 15% */

	--tooltip-bg: #1e2030; /* Mantle */
	--tooltip-text: #cad3f5; /* Text */
	--tooltip-border: rgba(138, 173, 244, 0.3); /* Blue @ 30% */

	--shadow-color: rgba(0, 0, 0, 0.4); /* Black @ 40% */
}