/* Shared Canvass public surfaces. See docs/design/canvass-public-system.md. */
:root {
	--cv-ink: var(--text-primary);
	--cv-muted: color-mix(in srgb, var(--text-muted) 90%, var(--text-primary));
	--cv-paper: var(--surface-canvas);
	--cv-soft: #f7f8fa;
	--cv-line: #e8eaee;
	--cv-blue: #3979df;
	--cv-mint: #24a888;
	--cv-apricot: #e99746;
	--cv-lilac: #9b78df;
	--cv-accent: var(--cv-ink);
	--cv-accent-soft: var(--cv-soft);
	--cv-shadow: 0 3px 6px #18203206, 0 12px 24px -12px #18203230;
	--cv-panel-radius: 28px;
	--cv-control-radius: 28px;
}
[data-theme="dark"],
.dark {
	--cv-soft: #16181c;
	--cv-line: #292d34;
	--cv-blue: #83adf4;
	--cv-mint: #66cdb3;
	--cv-apricot: #efb779;
	--cv-lilac: #bda0ed;
	--cv-shadow: 0 3px 6px #0003, 0 12px 24px -12px #0008;
}