/**
 * itmaroon ブロックが使う色の受け渡し層。
 *
 * ブロックは「本文の色」「面の色」といった**役割**だけを前提にし、色名を持たない。
 * block.json の既定値も、ブロックのCSSも、保存されるコンテンツも `--itmar-*` を参照し、
 * ここがその値を**配布先テーマのプリセット色**へ橋渡しする。このファイルは色そのものを
 * 決めない（実色 #xxxxxx はゼロ）。
 *
 * 探す順番は「テーマが itmar と同じ名前を持っていればそれ」→「よくある名前」→ 受け皿。
 * 最後の受け皿は currentColor と transparent。テーマが何も持っていないときは、
 * 勝手な色を当てるより「塗らない・文字色に従う」ほうが安全なため。
 *
 * :root だけでなく .editor-styles-wrapper にも置く。エディターが iframe でない場合、
 * テーマのプリセットは :root ではなくこのクラスに出るため、片方だけだと解決できない。
 * ここでプリセット（--wp--preset--*）そのものを再定義してはいけない。テーマの指定を
 * 上書きしてしまい、エディターの背景が真っ白になる。
 */

:root,
.editor-styles-wrapper {
	/* 本文・線・アイコンの色 */
	--itmar-content: var(
		--wp--preset--color--content,
		var(--wp--preset--color--contrast, currentColor)
	);

	/* パネルやドロワーの下地。面の色を持つテーマならそれ、無ければページ背景 */
	--itmar-content-back: var(
		--wp--preset--color--content-back,
		var(
			--wp--preset--color--surface,
			var(--wp--preset--color--base, transparent)
		)
	);

	/* ページ全体の背景 */
	--itmar-background: var(
		--wp--preset--color--background,
		var(--wp--preset--color--base, transparent)
	);

	/* 強調色。accent / primary はコアのテーマが広く持つ */
	--itmar-accent-1: var(
		--wp--preset--color--accent-1,
		var(
			--wp--preset--color--accent,
			var(--wp--preset--color--primary, var(--wp--preset--color--contrast, currentColor))
		)
	);
	--itmar-accent-2: var(
		--wp--preset--color--accent-2,
		var(
			--wp--preset--color--primary,
			var(--wp--preset--color--accent, var(--wp--preset--color--contrast, currentColor))
		)
	);

	/* エラー表示。テーマが専用の色を持たなければ強調色に従う */
	--itmar-err-message: var(
		--wp--preset--color--err-message,
		var(
			--wp--preset--color--accent-1,
			var(--wp--preset--color--accent, var(--wp--preset--color--contrast, currentColor))
		)
	);

	/* プレースホルダ。テーマの控えめな色があればそれを使う */
	--itmar-placeholder: var(
		--wp--preset--color--placeholder,
		var(--wp--preset--color--muted, var(--wp--preset--color--contrast, currentColor))
	);
}