:is(#spaces-app, .spaces-app) {
	--spaces-color-canvas-app: #f2f4f5;
	--spaces-color-canvas-base: #FFFFFF;
	--spaces-color-canvas-1: #8e9599;
	--spaces-color-canvas-2: #dce1e5;
	--spaces-color-canvas-3: #ebeef0;
	--spaces-color-canvas-4: #f7f8f9;
	--spaces-color-canvas-inverse: #17191a;
	--spaces-color-content-1: #17191a;
	--spaces-color-content-2: #4f5559;
	--spaces-color-content-3: #6b7378;
	--spaces-color-content-4: #a5adb3;
	--spaces-color-content-inverse: #ffffff;
	--spaces-color-brand-base: #1a4035;
	--spaces-color-brand-hover: #112e25;
	--spaces-color-brand-subtle: #e9f0ee;
	--spaces-color-brand-content: #112e25;
	--spaces-color-brand-on-base: #ffffff;
	--spaces-color-brand-on-subtle: #112e25;
	--spaces-color-success-subtle: #f4f0e6;
	--spaces-color-success-on-subtle: #4a3c1f;
	--spaces-color-warning-subtle: #fff4e6;
	--spaces-color-warning-on-subtle: #8a5200;
	--spaces-color-danger-base: #d32f2f;
	--spaces-color-danger-content: #b71c1c;
}