/* The brand's colors for the loading screen (generated from the branding settings) */
:root {
	--brand-accent: #c8480f;
	--brand-background: #fff9f3;
	--brand-foreground: #2a2321;
}
@media (prefers-color-scheme: dark) {
	:root {
		--brand-accent: #e8641f;
		--brand-background: #1a1617;
		--brand-foreground: #f5e9df;
	}
}
.loading-text { color: var(--brand-accent, #594AE2); }
body:has(> #app > .loading-text) { background-color: var(--brand-background, transparent); color: var(--brand-foreground, inherit); }