/* Edgebase Design Tokens — サイト展開時は :root の色のみ差し替える */
:root {
	/* 配色（70/20/10 比率運用。AA準拠の初期値） */
	--color-base: #ffffff;        /* 背景・70% */
	--color-surface: #f5f7fa;
	--color-brand: #1f4e79;       /* ブランド・20% */
	--color-accent: #d97706;      /* アクセント・10% */
	--color-text: #1a1a1a;        /* 本文（対 base で 4.5:1 以上） */
	--color-text-muted: #4a4a4a;
	--color-link: #1558b0;
	--color-link-hover: #0d3d80;
	--color-link-visited: #5b3a8c;
	--color-border: #d9dee5;
	--color-focus: #1558b0;

	/* 文字サイズ（本文 PC16/SP14、下限ガード、clamp連続） */
	--fs-min: 12px;               /* これ未満は使用しない（10px以下禁止） */
	--fs-body: clamp(14px, 1.2vw + 10px, 16px);
	--fs-small: clamp(12px, 1vw + 8px, 14px);
	--fs-h1: clamp(26px, 4vw + 8px, 40px);
	--fs-h2: clamp(22px, 3vw + 6px, 30px);
	--fs-h3: clamp(18px, 2vw + 6px, 24px);
	--fs-h4: clamp(16px, 1.5vw + 6px, 20px);

	/* 行間 */
	--lh-body: 1.8;
	--lh-heading: 1.4;

	/* 余白（Webサイト基準: section PC64-96/SP32-56, block16-32, inline12-24） */
	--space-section: clamp(32px, 6vw, 96px);
	--space-block: clamp(16px, 3vw, 32px);
	--space-inline: clamp(12px, 2vw, 24px);
	--space-xs: 8px;
	--space-sm: 12px;
	--space-md: 16px;
	--space-lg: 24px;

	/* レイアウト */
	--container-max: 1120px;
	--content-max: 760px;

	/* 操作要素（タップ44px） */
	--tap-min: 44px;
	--radius: 8px;

	/* フォント */
	--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
}