/*
Theme Name: DZ Base
Theme URI: https://hagukumu.designer-zukan.jp/demos/dz-base
Author: Hagukumu
Author URI: https://hagukumu.designer-zukan.jp/
Description: Hagukumu テーマシリーズの親テーマ。単体では使用せず、子テーマと組み合わせて使用します。
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: dz-base
*/

/* ============================================================
 * 全テーマ共通ベース
 * ============================================================ */

/* リキッドrem基準: 1rem = 10px（全テーマ共通。LP / 各子テーマと統一）
 * 全 Hagukumu テーマはこの root を共有し、サイズは rem で書く。
 *   >= 1440px      : 62.5% 固定（1rem=10px）
 *   960px 〜 1440px : リキッド（1440 デザイン基準でスケール）
 *   560px 〜 960px  : 62.5% 固定（タブレット）
 *   < 560px        : リキッド（375 デザイン基準でスケール） */
html {
	font-size: 62.5%;
	scroll-behavior: smooth;
	scroll-padding-top: 8rem;
}

@media (max-width: 1440px) {
	html { font-size: calc(100vw / 144); }
}

@media (max-width: 960px) {
	html { font-size: 62.5%; }
}

@media (max-width: 560px) {
	html { font-size: calc(100vw / 37.5); }
}

/* 固定ページ・記事本文の見出し共通ガード。
 * 子テーマが theme.json で h2 等を装飾用の特大サイズ(huge 等)にしても、
 * 本文(post-content)内の素の見出しは読みやすいサイズに保つ。
 * 全テーマ 1rem=10px 統一なので rem で指定（h2=32px 等）。
 * 装飾用の特大見出しを本文に置きたい場合は、子テーマ側でクラス指定して上書きする。 */
.wp-block-post-content h1 {
	font-size: 4rem;
	line-height: 1.25;
	letter-spacing: -0.015em;
	margin-block: 0 2.4rem;
}
.wp-block-post-content h2 {
	font-size: 3.2rem;
	line-height: 1.3;
	letter-spacing: -0.01em;
	margin-block: 4.8rem 1.6rem;
}
.wp-block-post-content h3 {
	font-size: 2.4rem;
	line-height: 1.4;
	margin-block: 3.6rem 1.2rem;
}
.wp-block-post-content h4 {
	font-size: 2rem;
	line-height: 1.5;
	margin-block: 2.8rem 0.8rem;
}
.wp-block-post-content :is(h1, h2, h3, h4):first-child {
	margin-top: 0;
}