:root {
	--bg: #e9f0f7;
	--bg-nav: #ffffff;
	--bg-card: #ffffff;
	--bg-sunken: #dde7f1;
	--text: #0a1828;
	--text-muted: #2f4257;
	--accent: #0a427f;
	--on-accent: #ffffff;
	--danger: #841717;
	--on-danger: #ffffff;
	--border: #b9cadb;
	--border-firm: #5d7894;
	--grid: color-mix(in srgb, var(--accent) 7%, transparent);
	--grid-major: color-mix(in srgb, var(--accent) 12%, transparent);
	--shadow: 0 1px 2px rgb(10 24 40 / .08), 0 8px 24px rgb(10 24 40 / .08);
	--font-ui: "IBM Plex Sans", system-ui, sans-serif;
	--font-mono: "IBM Plex Mono", ui-monospace, monospace;
	--text-sm: 0.8125rem;
	--content-width: 1180px;
	--tick: 10px;
	color-scheme: light;
}

html.dark {
	--bg: #0a1724;
	--bg-nav: #0e1e2f;
	--bg-card: #102233;
	--bg-sunken: #06111c;
	--text: #e8f1fa;
	--text-muted: #abc0d4;
	--accent: #93c8ff;
	--on-accent: #04111f;
	--danger: #ffb3aa;
	--on-danger: #2a0705;
	--border: #22394f;
	--border-firm: #4f7090;
	--grid: color-mix(in srgb, var(--accent) 5%, transparent);
	--grid-major: color-mix(in srgb, var(--accent) 9%, transparent);
	--shadow: 0 1px 2px rgb(0 0 0 / .3), 0 8px 24px rgb(0 0 0 / .3);
	--font-ui: "IBM Plex Sans", system-ui, sans-serif;
	--font-mono: "IBM Plex Mono", ui-monospace, monospace;
	--text-sm: 0.8125rem;
	--content-width: 1180px;
	--tick: 10px;
	color-scheme: dark;
}