:is(#spaces-app, .spaces-app) {
	--spaces-color-canvas-app: #ffffff;
	--spaces-color-canvas-base: #ffffff;
	--spaces-color-canvas-1: #949494;
	--spaces-color-canvas-2: #e5e5e5;
	--spaces-color-canvas-3: #f0f0f0;
	--spaces-color-canvas-4: #eaf4f7;
	--spaces-color-canvas-inverse: #212121;
	--spaces-color-content-1: #1b4653;
	--spaces-color-content-2: #336473;
	--spaces-color-content-3: #4f7e8c;
	--spaces-color-content-4: #5f94a5;
	--spaces-color-content-inverse: #ffffff;
	--spaces-color-brand-base: #1b4653;
	--spaces-color-brand-hover: #486c79;
	--spaces-color-brand-subtle: #e8f2f6;
	--spaces-color-brand-content: #486c79;
	--spaces-color-brand-on-base: #ffffff;
	--spaces-color-brand-on-subtle: #486c79;
	--spaces-color-success-subtle: #e2eec8;
	--spaces-color-success-on-subtle: #506620;
	--spaces-color-warning-subtle: #fef7e1;
	--spaces-color-warning-on-subtle: #8b7326;
	--spaces-color-danger-base: #a80000;
	--spaces-color-danger-content: #a80000;
}