/* ============================================================
   base.css ── リセット・タイポグラフィ
   （CSS変数は style.css の :root に定義）
   ============================================================ */

/* --- 最小限のリセット（Lightning 本体のスタイルを尊重） --- */
*,
*::before,
*::after {
	box-sizing: border-box;
}

img {
	max-width: 100%;
	height: auto;
}

/* --- タイポグラフィ --- */
body {
	font-family: var(--font-sans);
	color: var(--text);
	background-color: var(--white);
	line-height: 1.8;
	-webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--font-serif);
	color: var(--text);
	line-height: 1.4;
	font-weight: 600;
}

a {
	color: var(--gold-dark);
	transition: color 0.25s ease, opacity 0.25s ease;
}

a:hover,
a:focus {
	color: var(--gold);
}

a:visited {
	color: var(--gold-dark);
}

/* --- フォーカスリング（キーボード操作対応） --- */
:focus-visible {
	outline: 2px solid var(--gold-dark);
	outline-offset: 2px;
}

/*
 * --- 画面上は非表示・スクリーンリーダーには読み上げられるテキスト ---
 * ヒーロー画像内に焼き込まれた見出し・コピーをSEO・アクセシビリティ用に
 * 実HTMLとして併置する際に使う（WordPress標準の実装に準拠）。
 * display:none ではなく画面外に配置する方式のため、読み上げソフトからは
 * 通常のテキストとして認識される。
 */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

/* ============================================================
   ブランドカラー防御ルール
   ============================================================
   Lightning本体（親テーマ）やプラグインが独自の既定リンク色・
   ボタン色（多くの場合は汎用的な青系）を持っている場合、子テーマの
   通常の詳細度では上書きできないことがある。ここではサイト全体の
   リンク・ボタン・フォーム要素の「色」だけをブランドカラーへ
   強制的に統一する（レイアウト・余白等は一切変更しない）。
   Lightning側のセレクタ詳細度を確認できないため、色関連プロパティに
   限定して !important を使用し、確実に上書きする。
   ============================================================ */
body a:not([class]),
body a:not([class]):visited {
	color: var(--gold-dark) !important;
}

body a:not([class]):hover,
body a:not([class]):focus {
	color: var(--gold) !important;
}

/* Gutenbergの既定ボタン色（is-style-bikotsu-* を付け忘れた場合の保険） */
body .wp-block-button:not([class*="is-style-bikotsu"]) .wp-block-button__link {
	background: var(--pink) !important;
	color: var(--white) !important;
}

body .wp-block-button:not([class*="is-style-bikotsu"]) .wp-block-button__link:hover {
	background: var(--pink-dark) !important;
}

/* フォーム要素の既定フォーカス色（ブラウザ標準の青枠を上書き） */
body input:focus,
body textarea:focus,
body select:focus,
body button:focus {
	outline-color: var(--gold-dark) !important;
}

/* テキスト選択時のハイライト色もブランドカラーに */
::selection {
	background: var(--pink-light);
	color: var(--text);
}

/* --- スムーズスクロール（視差運動を減らす設定を尊重） --- */
@media (prefers-reduced-motion: no-preference) {
	html {
		scroll-behavior: smooth;
	}
}