/* ===========================================================
   Foundation / Editor Color Palette

   inc/theme-setup.php の add_theme_support('editor-color-palette') で
   登録したブランド色を、ブロックエディタ・フロント両方で見える形に
   定義する。

   WordPress はカラーパレット選択時に下記クラスを自動付与する:
     ・テキスト色:  .has-{slug}-color
     ・背景色:      .has-{slug}-background-color
     ・付帯クラス:  .has-text-color / .has-background （フラグ用、色は無指定）

   本テーマは theme.json を使わない方針のため、対応する色定義は
   テーマ側で手動で書く必要がある（書かないと class は付くが見た目は
   反映されないままになる）。

   slug は CLAUDE.md の CSS 変数名と揃えており、各 var(--color-…) を
   そのまま参照する形にしている。今後ブランド色を追加・変更する場合は、
   inc/theme-setup.php のパレット登録と本ファイルを同じ slug で揃える。
   =========================================================== */

.has-pink-500-color {
	color: var(--color-pink-500);
}

.has-pink-500-background-color {
	background-color: var(--color-pink-500);
}

.has-navy-400-color {
	color: var(--color-navy-400);
}

.has-navy-400-background-color {
	background-color: var(--color-navy-400);
}

.has-navy-500-color {
	color: var(--color-navy-500);
}

.has-navy-500-background-color {
	background-color: var(--color-navy-500);
}

.has-yellow-50-color {
	color: var(--color-yellow-50);
}

.has-yellow-50-background-color {
	background-color: var(--color-yellow-50);
}

.has-yellow-300-color {
	color: var(--color-yellow-300);
}

.has-yellow-300-background-color {
	background-color: var(--color-yellow-300);
}