:is(#spaces-app, .spaces-app) {
	--spaces-color-canvas-app: #faf8f6;
	--spaces-color-canvas-base: #ffffff;
	--spaces-color-canvas-1: #949494;
	--spaces-color-canvas-2: #e5e5e5;
	--spaces-color-canvas-3: #f0f0f0;
	--spaces-color-canvas-4: #f2f6f8;
	--spaces-color-canvas-inverse: #212121;
	--spaces-color-content-1: #212a2f;
	--spaces-color-content-2: #405059;
	--spaces-color-content-3: #678291;
	--spaces-color-content-4: #8ba2af;
	--spaces-color-content-inverse: #ffffff;
	--spaces-color-brand-base: #325061;
	--spaces-color-brand-hover: #2a4454;
	--spaces-color-brand-subtle: #e6eff4;
	--spaces-color-brand-content: #924126;
	--spaces-color-brand-on-base: #ffffff;
	--spaces-color-brand-on-subtle: #2a4454;
	--spaces-color-success-subtle: #bcd3e0;
	--spaces-color-success-on-subtle: #4a789b;
	--spaces-color-warning-subtle: #fef7e1;
	--spaces-color-warning-on-subtle: #8c6a03;
	--spaces-color-danger-base: #d60000;
	--spaces-color-danger-content: #d60000;
}