:root {
	color-scheme: light;
	--fg-1: #1A2238;
	--cta: #4EC9E8;
	--on-cta: #1A2238;
	--meter: #1388A8;
	--fg-brand: #0B6E86;
	--bg-page: #F5F7FA;
	--bg-elev: #FFFFFF;
	--bg-ink: #1A2238;
	--fg-on-ink: #EEF1F6;
	--fg-muted-on-ink: #B9C3D5;
	--fg-muted: #536078;
	--line: #D8DEE8;
	--focus-ring: #0B6E86;
	--focus-ring-inverse: #4EC9E8;
	--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", system-ui, sans-serif;
	--font-text: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;
	--shadow-panel: 0 16px 44px rgba(26, 34, 56, .10);
	--shadow-bar: 0 8px 24px rgba(26, 34, 56, .10);
}

@media (prefers-color-scheme: dark) {
	:root {
		color-scheme: dark;
		--fg-1: #EEF1F6;
		--on-cta: #1A2238;
		--meter: #4EC9E8;
		--fg-brand: #7FD8EE;
		--bg-page: #0D1222;
		--bg-elev: #161D31;
		--bg-ink: #1D2742;
		--fg-on-ink: #EEF1F6;
		--fg-muted-on-ink: #B9C3D5;
		--fg-muted: #B9C3D5;
		--line: #36415B;
		--focus-ring: #7FD8EE;
		--focus-ring-inverse: #4EC9E8;
		--shadow-panel: 0 16px 44px rgba(0, 0, 0, .28);
		--shadow-bar: 0 8px 24px rgba(0, 0, 0, .24);
	}
}