:root {
	/* Color */
	--color-primary: #1F2E4A;   /* 藍 indigo — headers, nav, primary text on light */
	--color-bg: #F6F4EF;        /* 紙 paper — page background */
	--color-accent: #BE3A2B;    /* 朱 vermillion — CTAs and badges ONLY */
	--color-ink: #14181F;       /* body copy */
	--color-slate: #4A5265;     /* secondary copy, meta text */
	--color-pass: #3F7A5B;      /* verified / passed status */

	--color-surface: #FFFFFF;
	--color-hairline: rgba(20, 24, 31, 0.12);
	--color-hairline-strong: rgba(20, 24, 31, 0.22);

	/* Type — two faces only: IBM Plex Sans (headings, body, UI chrome —
	   headings use Bold/SemiBold weight), IBM Plex Mono (all numbers). */
	--font-body: "IBM Plex Sans", "Hiragino Sans", "Yu Gothic", sans-serif;
	--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

	/* Spacing scale */
	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-5: 24px;
	--space-6: 32px;
	--space-7: 48px;
	--space-8: 64px;
	--space-9: 96px;

	/* Layout */
	--container-max: 1280px;
	--radius-sm: 4px;
	--radius-md: 8px;
	--sidebar-width: 280px;
}