/* design tokens — DESIGN.md §2 §3 §5 の逐条実装 */
:root {
	/* §2 カラー */
	--paper: #f7f4ec;
	--paper-2: #efeae0;
	--ink: #232f48;
	--ink-muted: #56607a;
	--rule: #c9c2b2;
	--rule-strong: #232f48;
	--shu: #b8371a;
	--shu-deep: #9c2e15;
	--marker: #f0d24e;
	--line-brand: #06c755;
	--white: #ffffff;

	/* §3 タイポ */
	--font-head: 'Zen Kaku Gothic New', 'Hiragino Kaku Gothic ProN', sans-serif;
	--font-body: 'BIZ UDPGothic', 'Hiragino Kaku Gothic ProN', sans-serif;
	--fs-h1: clamp(1.75rem, 1.2rem + 2.6vw, 2.75rem);
	--fs-h2: clamp(1.375rem, 1.05rem + 1.6vw, 2rem);
	--fs-h3: clamp(1.125rem, 1rem + 0.6vw, 1.375rem);
	--fs-body: clamp(1rem, 0.95rem + 0.2vw, 1.0625rem);
	--fs-small: 0.875rem;
	--fs-price: clamp(1.75rem, 1.3rem + 2.2vw, 2.5rem);

	/* §5 レイアウト */
	--container: 1080px;
	--container-narrow: 760px;
	--gutter: 1.25rem;
	--sec-pad-l: clamp(4rem, 8vw, 7rem);
	--sec-pad-m: clamp(3rem, 6vw, 5rem);

	/* コンポーネント */
	--header-h: 64px;
	--mobile-bar-h: 60px;
}