/**
 * 03_typography.css (Monochrome Refresh)
 *
 * グローバルタイポグラフィ
 * (配色は 01_base.css の変数を参照)
 */

/* --- 見出し (Headings) --- */
h1, h2, h3, h4, h5, h6 {
	font-family: var(--font-family-heading);
	font-weight: 700;
	line-height: 1.4;
	color: var(--color-text-lead);
	margin-top: 2.4rem;
	margin-bottom: 1.6rem;
}

h1 { font-size: 3.6rem; font-weight: 800; }
h2 { font-size: 3.0rem; }
h3 { font-size: 2.4rem; }
h4 { font-size: 2.0rem; }
h5, h6 { font-size: 1.8rem; font-weight: 600; }

p {
	margin-bottom: 1.6rem;
}
p:last-child {
	margin-bottom: 0;
}


/* --- 共通セクションタイトル --- */
.section-title {
	font-family: var(--font-family-heading);
	font-size: clamp(2rem, 5.5vw, 2.8rem);
	font-weight: 700;
	text-align: center;
	margin: 0 0 20px;
	color: var(--color-text-lead); /* 基本色を追加 */
}
.section-title span {
	/* 元の --color-gold から --color-text-lead (チャコール) に変更 */
	/* モノクロでは目立たせる必要がないため、親と同じ色にする */
	color: var(--color-text-lead);
}

.section-subtitle {
	text-align: center;
	font-size: 1.6rem; /* 16px */
	/* 元の --color-text-muted から --color-text-light に変更 */
	color: var(--color-text-light);
	max-width: 600px;
	margin: 0 auto 60px;
}