:root {
	--t-display: clamp(2.05rem, 7vw + 1rem, 3.1rem);
	--t-display-lh: 0.94;
	--t-value: clamp(1.35rem, 3vw + 0.7rem, 2rem);
	--t-title: 1.05rem;
	--t-body: 1rem;
	--t-label: 0.68rem;
	--t-label-track: 0.06em;
	--font: "Helvetica Neue", Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;
	--ink: #1a2430;
	--ink-muted: #5b6b78;
	--ink-on: #f4f7fa;
	--navy: #1b2430;
	--navy-2: #2a3340;
	--paper: #e7eef3;
	--surface: #f7fafc;
	--panel: #ffffff;
	--line: rgba(26, 36, 48, 0.14);
	--olive: #3f9a68;
	--warning: #c45a2a;
	--place-col: 54rem;
	--place-gutter: clamp(12px, 3.6vw, 24px);
	--touch: 44px;
	--r-pill: 999px;
	--r-card: 12px;
	--r-mark: 8px;
	--dock-pad: 12px;
	--safe-top: env(safe-area-inset-top, 0px);
	--safe-right: env(safe-area-inset-right, 0px);
	--safe-bottom: env(safe-area-inset-bottom, 0px);
	--safe-left: env(safe-area-inset-left, 0px);
	--panel-pad: clamp(12px, 2.8vw, 20px);
}

html[data-theme="dark"] {
	--ink: #eef2f5;
	--ink-muted: #93a1ae;
	--ink-on: #eef2f5;
	--navy: #121820;
	--navy-2: #1c242e;
	--paper: #10151b;
	--surface: #161d24;
	--panel: #1a222c;
	--line: rgba(238, 242, 245, 0.12);
	--olive: #8fd4a8;
	--warning: #ff9a3a;
}

html {
	color-scheme: light;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	overflow-x: clip;
}
html[data-theme="dark"] {
	color-scheme: dark;
}