:root {
	/* 1. Colors
	 -----------*/
	--primary: #292929;
	--secondary: #8d6dff;
	--disabled: #b4b5b6;
	--info: #0dcaf0;
	--success: #198754;
	--error: #dc3545;
	/* Basics */
	--light: #f8f9fa; /* Fallback */
	--dark: var(--primary); /* Fallback */
	@supports(color: oklch(from white l c h / 1)){
		--light: oklch(from var(--primary) 1 .05 h);
		--dark: oklch(from var(--primary) .1 .1 h);
	}
	/* Defaults */
	--primary-accent: var(--primary);
	--main-background: var(--light);
	--main-foreground: var(--dark);
	--background: var(--main-background);
	--foreground: var(--main-foreground);
	@media (prefers-color-scheme: dark) {
		--primary: #292929 /*oklch(from #8A1538 calc(l*.75) c h) */;
		--primary-accent: var(--light);
		--main-background: var(--dark);
		--main-foreground: var(--light);
		--info: #0dcaf0;
	}
}

.contents-outline, .btn {
	--foreground: var(--dark);
	color: var(--foreground);
}