:root {
	--color-canvas: #f6f8fa;
	--color-surface: #ffffff;
	--color-surface-subtle: #f3f5f7;
	--color-surface-strong: #eaeef2;
	--color-ink: #1f2328;
	--color-ink-soft: #424a53;
	--color-muted: #59636e;
	--color-border: #d0d7de;
	--color-border-strong: #afb8c1;
	--color-primary: #087f5b;
	--color-primary-hover: #066a4c;
	--color-primary-soft: #daf5e9;
	--color-link: #0969da;
	--color-link-hover: #0757b6;
	--color-warning: #9a6700;
	--color-warning-soft: #fff5c2;
	--color-danger: #cf222e;
	--color-danger-soft: #ffebe9;
	--color-success: #1a7f37;
	--color-success-soft: #dafbe1;
	--color-focus: #0969da;
	--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
	--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
	--text-xs: 0.75rem;
	--text-sm: 0.8125rem;
	--text-base: 0.875rem;
	--text-md: 1rem;
	--text-lg: 1.125rem;
	--text-xl: 1.375rem;
	--text-2xl: 1.75rem;
	--space-1: 0.25rem;
	--space-2: 0.5rem;
	--space-3: 0.75rem;
	--space-4: 1rem;
	--space-5: 1.25rem;
	--space-6: 1.5rem;
	--space-8: 2rem;
	--space-10: 2.5rem;
	--radius-sm: 4px;
	--radius-md: 6px;
	--shadow-menu: 0 3px 8px rgb(31 35 40 / 14%);
	--motion-fast: 120ms;
	--motion-base: 160ms;
	--ease-out: cubic-bezier(0.22, 1, 0.36, 1);
	--z-header: 20;
	--z-dropdown: 30;
	--z-modal-backdrop: 40;
	--z-modal: 50;
	--z-toast: 60;
}