/* SHIBAHU デザイントークン。値を変更しない。 */
:root {
	--sb-ink: #0d1109;
	--sb-green: #2e8047;
	--sb-green-dark: #1c5f33;
	--sb-sage: #9dc4a4;
	--sb-paper: #f4f2ec;
	--sb-charcoal: #14150f;

	/* ===== 器の幅（2026-09-17 追加） =====
	 *
	 * ヒーロー以降のセクションは長らく左右 48px 固定で、1400px を超える画面では
	 * 内容が端から端まで伸びきって視線の折り返しが効かなくなっていた。
	 *
	 * --sb-pad-inline は「最低でも --sb-gutter は空ける。画面が
	 * --sb-content-max より広ければ、余った分を左右へ均等に割って中央へ寄せる」
	 * という指定。セクション自体は全幅のまま（背景の帯は端まで届く）で、
	 * 中身だけが中央に寄る。ラッパー要素を足さずに済むのでHTMLは変えない。
	 *
	 * ヒーロー・ヘッダー・フッターは意図的に全幅のままにしてある（帯としての
	 * 迫力を保つため）。変えるときはここではなく各ファイルで行う。
	 */
	--sb-gutter: clamp(24px, 5vw, 80px);
	--sb-content-max: 1200px;
	--sb-pad-inline: max(var(--sb-gutter), (100% - var(--sb-content-max)) / 2);

	/* 自前配信のサブセットに無い文字（常用外の漢字・異体字）は、ここに並べた
	   OS の日本語フォントで描かれる。豆腐（□）にはならず、その文字だけ字形が
	   変わる。検知は scripts/font-coverage.sh、方針は docs/font-policy.md。
	   system-ui（macOS では SF）は日本語を持たないので、明示的に日本語書体を
	   前に置く。 */
	--sb-font-serif: 'Zen Old Mincho', 'Hiragino Mincho ProN', 'Yu Mincho', 'YuMincho', 'Noto Serif JP', 'Noto Serif CJK JP', serif;
	--sb-font-sans: 'Noto Sans JP', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', 'YuGothic', 'Noto Sans CJK JP', 'Meiryo', system-ui, sans-serif;
	--sb-font-mono: ui-monospace, Menlo, monospace;
}

html,
body {
	margin: 0;
	/* 既定は paper。トップページのみ page-top.css で ink に上書きする */
	background: var(--sb-paper);
}

body {
	color: var(--sb-charcoal);
	font-family: var(--sb-font-sans);
	-webkit-font-smoothing: antialiased;
}

a {
	color: var(--sb-green-dark);
}

a:hover {
	color: var(--sb-green-dark);
}