:root {
	color-scheme: light dark;
	--white: #ffffff;
	--navy: #17324d;
	--lime: #d7ef2c;
	--paper: light-dark(#ffffff, #0d2033);
	--surface: light-dark(#f3f6f9, #17324d);
	--ink: light-dark(#17324d, #ffffff);
	--muted: light-dark(#526a80, #adc1d3);
	--line: light-dark(#dce4eb, #36516b);
	--action: light-dark(#17324d, #d7ef2c);
	--action-ink: light-dark(#ffffff, #17324d);
	--action-hover: light-dark(#244866, #e5f66b);
}
:root[data-appearance='light'] {
	color-scheme: light;
}
:root[data-appearance='dark'] {
	color-scheme: dark;
}
perf-appearance {
	display: block;
	width: 44px;
	height: 44px;
	flex-shrink: 0;
}
perf-appearance:not(:defined) {
	display: none;
}