/* GENERATED by tool/tokens/build.py from design/tokens.json. Edit the JSON, not this file. */

:root {
	--font: ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
	--font-mono: ui-monospace, 'SF Mono', Menlo, monospace;
	--r-pill: 999px;
	--r-card: 16px;
	--r-control: 12px;
	--r-chip: 8px;
	--gap-xs: 0.25rem;
	--gap-sm: 0.5rem;
	--gap-md: 1rem;
	--gap-lg: 1.5rem;
	--gap-xl: 2.5rem;
	--fs-micro: 0.6875rem;
	--fs-caption: 0.75rem;
	--fs-sm: 0.875rem;
	--fs-body: 1rem;
	--fs-title: 1.25rem;
	--fs-h1: 1.625rem;
	--fs-display: clamp(2.5rem, 4.8vw, 4.4rem);
	--fw-regular: 400;
	--fw-medium: 500;
	--fw-semibold: 600;
	--fw-bold: 700;
	--fw-black: 800;
	--control-h: 2.75rem;
	--control-h-compact: 2.25rem;
	--control-h-touch: 3.25rem;
	--ink: #071018;
	--on: #f4f7f2;
	--muted: #8fa3b0;
	--line: rgba(255, 255, 255, 0.08);
	--surface: #12202c;
	--panel: #101d2a;
	--panel-2: #0a141c;
	--panel-3: #0d1b27;
	--panel-hi: #1a2c3c;
	--input-bg: #0a141c;
	--card-bg: rgba(255, 255, 255, 0.03);
	--thumb: #26384a;
	--lime: #c8f31d;
	--on-lime: #071018;
	--lime-text: #c8f31d;
	--lime-stroke: #c8f31d;
	--lime-soft: rgba(200, 243, 29, 0.08);
	--lime-mid: rgba(200, 243, 29, 0.12);
	--glow: rgba(200, 243, 29, 0.16);
	--wire: rgba(200, 243, 29, 0.5);
	--warn: #ffb74d;
	--warn-soft: rgba(255, 183, 77, 0.1);
	--danger: #ff6b6b;
	--danger-soft: rgba(255, 107, 107, 0.1);
	--match-shadow: 0 8px 18px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.06);
	color-scheme: dark;
}

[data-theme='light'] {
	--ink: #eef1f5;
	--on: #0d1a24;
	--muted: #5a6f7c;
	--line: rgba(7, 16, 24, 0.1);
	--surface: #ffffff;
	--panel: #ffffff;
	--panel-2: #f6f8fa;
	--panel-3: #e3e8ee;
	--panel-hi: #ffffff;
	--input-bg: #ffffff;
	--card-bg: rgba(7, 16, 24, 0.03);
	--thumb: #c3ccd4;
	--lime: #c8f31d;
	--on-lime: #071018;
	--lime-text: #5f7700;
	--lime-stroke: #5f7700;
	--lime-soft: rgba(200, 243, 29, 0.22);
	--lime-mid: rgba(200, 243, 29, 0.38);
	--glow: rgba(200, 243, 29, 0.28);
	--wire: rgba(95, 119, 0, 0.55);
	--warn: #8a4b00;
	--warn-soft: rgba(200, 120, 20, 0.12);
	--danger: #c93c3c;
	--danger-soft: rgba(214, 69, 69, 0.12);
	--match-shadow: 0 4px 14px rgba(7, 16, 24, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.8);
	color-scheme: light;
}

@media (prefers-color-scheme: light) {
	:root:not([data-theme]) {
		--ink: #eef1f5;
		--on: #0d1a24;
		--muted: #5a6f7c;
		--line: rgba(7, 16, 24, 0.1);
		--surface: #ffffff;
		--panel: #ffffff;
		--panel-2: #f6f8fa;
		--panel-3: #e3e8ee;
		--panel-hi: #ffffff;
		--input-bg: #ffffff;
		--card-bg: rgba(7, 16, 24, 0.03);
		--thumb: #c3ccd4;
		--lime: #c8f31d;
		--on-lime: #071018;
		--lime-text: #5f7700;
		--lime-stroke: #5f7700;
		--lime-soft: rgba(200, 243, 29, 0.22);
		--lime-mid: rgba(200, 243, 29, 0.38);
		--glow: rgba(200, 243, 29, 0.28);
		--wire: rgba(95, 119, 0, 0.55);
		--warn: #8a4b00;
		--warn-soft: rgba(200, 120, 20, 0.12);
		--danger: #c93c3c;
		--danger-soft: rgba(214, 69, 69, 0.12);
		--match-shadow: 0 4px 14px rgba(7, 16, 24, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.8);
		color-scheme: light;
	}
}