/* ============================================================
   palette.css — カラーパレット（デザイントークン）

   サイト内で参照する全アクセント配色を CSS 変数で一元管理するファイル。
   見た目を変えるときはここを見るだけで色が決まる、を死守する。
   色は 2 層構造で並べる。

   ===== レイヤー 1: グローバルカテゴリ色トークン（:root） =====

   投稿カテゴリ別の色を一元管理。同じカテゴリ色が 3 文脈で参照される:
     - sidebar pill（vivid 系、白文字）
     - soft pill (TOP / single / archive 一覧の小ピル、暗色文字)
     - page-context の --seijuji-accent / -marker（archive 系ページの H1 など）
   各カテゴリの token 構造:
     --seijuji-cat-<slug>             : 主アクセント（H1 ベル・page accent 既定値）
     --seijuji-cat-<slug>-marker      : H1 マーカー（薄色）
     --seijuji-cat-<slug>-pill-vivid  : sidebar vivid pill 用（主アクセントと異なる場合のみ宣言、既定は同値）
     --seijuji-cat-<slug>-soft-bg/-fg : soft pill 背景/文字
     --seijuji-cat-<slug>-dark        : 派生濃色（accent-dark）
     --seijuji-cat-<slug>-tint        : 説明背景 tint
     --seijuji-cat-<slug>-tint-border : 同枠線

   ===== レイヤー 2: ページ別パレット =====

   body.page-id-XX / body.single / body.archive / body.category-XX に対し
   --seijuji-accent / -marker / -accent-dark / -tint / -tint-border を宣言。
   投稿系ページはレイヤー 1 の var() 参照に書き換え済（カテゴリ追加は :root と body.category-X 2 行のみ）。

   page-id 別の固定ページは「機能群グルーピング」で同色になることがある:
     - TOP / about / contact = サーモン #E8956E
     - voices / community = 黄緑 #8BB874
     - surroundings = 常緑グリーン #4C8B6C
     - supports = ピンク #E48CA8
     - admission / statement = オレンジ #F4A261
     - policy / info = 黄 #E8B530
   同色でも将来変更前提で各ページに独立宣言（admission の値を statement が var() 参照する形にはしない）。
   ある日 1 ページだけ色を変えるときに迷わない。

   読み込み: functions.php で seijuji.css より前に enqueue。
   作成: 2026-05-18（seijuji.css v4.4.0 の Part A-0 を独立ファイル化、v1.0.0）
   ============================================================ */

:root {
    /* お知らせ (cat-4 / news) = 黄 */
    --seijuji-cat-news: #E8B530;
    --seijuji-cat-news-marker: #FFE88C;
    --seijuji-cat-news-soft-bg: #FFE9A8;
    --seijuji-cat-news-soft-fg: #6b5d3a;
    --seijuji-cat-news-dark: #a8830f;
    --seijuji-cat-news-tint: #FFF7DC;
    --seijuji-cat-news-tint-border: rgba(232,181,48,0.28);

    /* 園長通信 (cat-10 / encho) = 青 */
    --seijuji-cat-encho: #5A9AB8;
    --seijuji-cat-encho-marker: #B8D9E8;
    --seijuji-cat-encho-soft-bg: #B8D9E8;
    --seijuji-cat-encho-soft-fg: #3a5566;
    --seijuji-cat-encho-dark: #356980;
    --seijuji-cat-encho-tint: #EAF4F9;
    --seijuji-cat-encho-tint-border: rgba(90,154,184,0.28);

    /* 注目 (cat-99 / featured) = コーラル
       soft pill 揺れ解消: TOP #FBC9B4/#9a4b2e に統一（旧 single/archive 側 #F6C9A8/#8a4f2e は廃止、2026-06-08 user 確認） */
    --seijuji-cat-featured: #E27B5A;
    --seijuji-cat-featured-marker: #FBC9B4;
    --seijuji-cat-featured-soft-bg: #FBC9B4;
    --seijuji-cat-featured-soft-fg: #9a4b2e;
    --seijuji-cat-featured-dark: #b1502f;
    --seijuji-cat-featured-tint: #FCEDE6;
    --seijuji-cat-featured-tint-border: rgba(226,123,90,0.28);

    /* 園庭通信 (cat-129 / treehouse / garden) = グリーン
       archive H1 アクセントを深緑 #2e5b39 で取りたい意図があり、sidebar pill だけ別の中明度 #7AB37D を使う */
    --seijuji-cat-treehouse: #2e5b39;
    --seijuji-cat-treehouse-marker: #C8E6C9;
    --seijuji-cat-treehouse-pill-vivid: #7AB37D;
    --seijuji-cat-treehouse-soft-bg: #C8E6C9;
    --seijuji-cat-treehouse-soft-fg: #2e5b39;
    --seijuji-cat-treehouse-dark: #2e5b39;
    --seijuji-cat-treehouse-tint: #E8F4E8;
    --seijuji-cat-treehouse-tint-border: rgba(122,179,125,0.28);
}

body.page-id-16   { --seijuji-accent:#E8956E; --seijuji-marker:#FFD9C0; }                                                       /* TOP */
body.page-id-27   { --seijuji-accent:#4C8B6C; --seijuji-marker:#82B999; --seijuji-tint:#E5F1EA; --seijuji-tint-border:#B7D6C4; } /* surroundings 進化し続ける保育環境（常緑グリーン） */
body.page-id-30   { --seijuji-accent:#E8956E; --seijuji-marker:#FFD9C0; --seijuji-tint:#FFF1E8; --seijuji-tint-border:#F4D4BD; --seijuji-accent-darker:#c4663e; --seijuji-accent-pale:#f4d4bd; } /* about 園の生活（darker/pale: h3 section 様式の文字/点線下罫。2026-06-10 section 様式 palette var 化） */
body.page-id-33   { --seijuji-accent:#E48CA8; --seijuji-marker:#FFD7E5; --seijuji-tint:#FFF8FA; --seijuji-tint-border:#F4D4E0; --seijuji-accent-darker:#b3577a; --seijuji-accent-pale:#f4d4e0; } /* supports 子育て支援（darker/pale: 同上） */
body.page-id-179  { --seijuji-accent:#F4A261; --seijuji-marker:#FFC27A; --seijuji-tint:#FFF4E6; --seijuji-tint-border:#F3D5B0; --seijuji-accent-darker:#c0703a; --seijuji-accent-deep:#e6873b; --seijuji-accent-pale:#f3ddbf; --seijuji-text-dark:#5a3a10; } /* admission 入園案内（accent-darker: テキスト濃版 / accent-deep: グラデ濃 / accent-pale: 薄影+破線 / text-dark: テキスト極濃。Phase 2 で Part T/V フル palette 化対応） */
body.page-id-916  { --seijuji-accent:#E8B530; --seijuji-marker:#FFE88C; --seijuji-tint:#FFEFB8; --seijuji-tint-border:#F0DC8C; } /* policy サイトポリシー（T51 wrap 後 T3 オフクリーム #FFFBF0 との差別化のため tint 濃いめ） */
body.page-id-1030 { --seijuji-accent:#F4A261; --seijuji-marker:#FFC27A; --seijuji-tint:#FFF4E6; --seijuji-tint-border:#F3D5B0; } /* statement 公開情報（暫定: admission と同値だが独立宣言、後で変える） */
body.page-id-1302 { --seijuji-accent:#E8956E; --seijuji-marker:#FFD9C0; --seijuji-tint:#FFF1E8; --seijuji-tint-border:#F4D4BD; } /* contact お問い合わせ（暫定: about と同値だが独立宣言、後で変える可能性あり） */
body.page-id-1732 { --seijuji-accent:#E8B530; --seijuji-marker:#FFE88C; }                                                       /* info お知らせ一覧 */
body.page-id-2225 { --seijuji-accent:#3DA5A3; --seijuji-marker:#BFE3E0; --seijuji-tint:#E6F2F3; --seijuji-tint-border:#BEDDDF; } /* voices 保護者の声（ターコイズ寄り水色、2026-05-26 community 系緑から独立。お便り感・読み物感 + 保護者系グループの面影も残す中間色） */
body.page-id-2731 { --seijuji-accent:#8BB874; --seijuji-marker:#C8E6DE; --seijuji-tint:#F0F7E8; --seijuji-tint-border:#C8E6DE; } /* community 保護者の活動 */

/* 投稿系のページ別テーマカラー（投稿系 Phase 3、2026-05-31 改訂、2026-06-08 :root token 化）。
   当初「サーモン1色統一」だったが、固定ページと同じ「セクションごとに色を持つ」思想に合わせ
   カテゴリ別テーマへ変更（user 判断）。ページの骨格色（H1 マーカー / ベル / 本文 box / 日付ピル）が
   ここの var で決まる。カード内のピル・タイトルは別途カード毎にカテゴリ色で出し分け（seijuji.css）。

   - body.single / 日付アーカイブ(body.archive 既定) / body.search = サーモン（中立・サイト基本色）。
     単一投稿の H1 マーカーはサーモンのまま（user 指定）。カテゴリピルだけ色分け。
   - body.blog = /info/「お知らせ一覧」(page_for_posts=1732 の全投稿 index) = お知らせの黄。
   - body.category-N = カテゴリ別アーカイブ。body.archive と同特異度のため source 順で後に置き上書き。
     お知らせ(4)=黄 / 園長通信(10)=青 / 注目(99)=コーラル / 園庭通信(treehouse)=グリーン。
   - 値は :root の --seijuji-cat-<slug>-* を var() 参照（カテゴリ追加は :root 1 ブロック + body.category-X 1 行だけ）。 */
body.single,
body.archive,
body.search { --seijuji-accent:#E8956E; --seijuji-marker:#FFD9C0; --seijuji-accent-dark:#c97a52; --seijuji-tint:#FCEDE3; --seijuji-tint-border:rgba(232,149,110,0.25); }

body.blog,
body.category-4 {
    --seijuji-accent: var(--seijuji-cat-news);
    --seijuji-marker: var(--seijuji-cat-news-marker);
    --seijuji-accent-dark: var(--seijuji-cat-news-dark);
    --seijuji-tint: var(--seijuji-cat-news-tint);
    --seijuji-tint-border: var(--seijuji-cat-news-tint-border);
}
body.category-10 {
    --seijuji-accent: var(--seijuji-cat-encho);
    --seijuji-marker: var(--seijuji-cat-encho-marker);
    --seijuji-accent-dark: var(--seijuji-cat-encho-dark);
    --seijuji-tint: var(--seijuji-cat-encho-tint);
    --seijuji-tint-border: var(--seijuji-cat-encho-tint-border);
}
body.category-99 {
    --seijuji-accent: var(--seijuji-cat-featured);
    --seijuji-marker: var(--seijuji-cat-featured-marker);
    --seijuji-accent-dark: var(--seijuji-cat-featured-dark);
    --seijuji-tint: var(--seijuji-cat-featured-tint);
    --seijuji-tint-border: var(--seijuji-cat-featured-tint-border);
}
body.category-treehouse {
    --seijuji-accent: var(--seijuji-cat-treehouse);
    --seijuji-marker: var(--seijuji-cat-treehouse-marker);
    --seijuji-accent-dark: var(--seijuji-cat-treehouse-dark);
    --seijuji-tint: var(--seijuji-cat-treehouse-tint);
    --seijuji-tint-border: var(--seijuji-cat-treehouse-tint-border);
}
