/*
 * It's a Plan already themes via next-themes (.dark / .light on <html>).
 * Chromium / Brave "auto dark for websites" can still repaint panels white
 * while leaving dark-theme text tokens, which yields white-on-white and a
 * white gutter beside the board. Pin color-scheme and solid page fills so
 * the browser leaves the app's theme alone.
 */

:root {
	color-scheme: light dark;
}

html.dark {
	color-scheme: dark !important;
	background-color: oklch(0.185 0 0) !important;
}

html.dark body {
	background-color: oklch(0.185 0 0) !important;
	color: oklch(0.965 0 0);
}

html.light {
	color-scheme: light !important;
	background-color: oklch(0.985 0 0) !important;
}

html.light body {
	background-color: oklch(0.985 0 0) !important;
}

/* Full-bleed dark fill when layout children do not stretch to the viewport edge. */
html.dark .bg-background {
	background-color: oklch(0.185 0 0) !important;
}

html.light .bg-background {
	background-color: oklch(0.985 0 0) !important;
}