:host {
	--bg: #f0f0f1;
	--surface: #fff;
	--sunken: #f6f7f7;
	--ink: #1d2327;
	--muted: #646970;
	--line: #dcdcde;
	--line-strong: #c3c4c7;
	--field: #8c8f94;
	--accent: #2271b1;
	--accent-hover: #135e96;
	--accent-press: #0a4b78;
	--on-accent: #fff;
	--accent-soft: #f0f6fc;
	--ok: #007017;
	--ok-fill: #00a32a;
	--ok-soft: #edfaef;
	--bad: #b32d2e;
	--bad-fill: #d63638;
	--bad-soft: #fcf0f1;
	--warn: #755100;
	--warn-fill: #dba617;
	--warn-soft: #fcf9e8;
	--moved: #135e96;
	--moved-fill: #72aee6;
	--moved-soft: #f0f6fc;
	--tab: #dcdcde;
	--tab-ink: #50575e;
	--scrim: rgba(0, 0, 0, 0.5);
	--card-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
	--shadow: 0 3px 30px rgba(0, 0, 0, 0.2);
	--font-body:
		-apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans,
		ubuntu, cantarell, "Helvetica Neue", sans-serif;
	--font-display: var(--font-body);
	--r-lg: 4px;
	--r-md: 3px;
	--gutter: clamp(16px, 2.4vw, 24px);
}