/* 会員プロフィールの着せ替え（24種＝里8＋人物16）の色トークン。
 *
 * 🔴🔴【lane C・2026-09-10・PM承認・全4機能ページ抽出の共有契約】
 * 出どころ＝src/components/MemberProfileShell.astro の #mp2-shell[data-theme='key']
 * （既定＝木ノ葉だけ #mp2-shell 単体の裸ブロック）を、値を1つも変えずに書き写した。
 * tests/profile-theme-colors-drift.test.mjs が実測で両者の一致を見張る。
 *
 * 契約（4機能ページ抽出すべてが従う・PM broadcast 済み）:
 * ① セレクタは裸の属性セレクタ [data-theme='key']（IDプレフィックスなし）。
 *    どのホスト（#mp2-shell・#mp2-panel-collection・他機能の自分のルート）も、
 *    data-theme をその要素へ置くだけで24変数を子孫方向にそのまま継承で受け取れる。
 *    詳細度は(0,1,0)＝どのホストの自前デルタ（ID付きセレクタ）にも負けない。
 * ② 既定（木ノ葉）も含め、data-theme は必ず明示する。属性の省略に頼らない。
 *    #mp2-shell の「省略＝既定」という今までの作法は、1要素が全体を持つ前提でしか
 *    成立しない＝どの要素でもルートになりうるこの契約とは噛み合わない。
 * ③ 会員テーマ由来のトークンから外へ落ちるフォールバックは、サイト全体トークンを
 *    最後の手段としてのみ許す（例: var(--mp2-tx, var(--nb-text))）＝「テーマが
 *    そもそも動いていない場面」だけで発火する形にする。
 *
 * ⚠️ --mp2-cd（19/24件のブロックにしか値が無い）は元の実装でも同じ形＝#mp2-shell の
 *    裸ブロック（木ノ葉の値 #fff）が全テーマ共通のフォールバックを担っていた
 *    （CSSカスタムプロパティはルール単位ではなくプロパティ単位でカスケードするため）。
 *    ここでは先頭の [data-theme] { --mp2-cd:#fff } が同じ役目を果たす
 *    （具体キーのブロックより先に書く＝詳細度が同点(0,1,0)なので、後に来る具体キーの
 *    ブロックが上書きできる。suna/kiri/kumo/iwa/uzu の5件は今も #fff のまま＝実測で一致確認済み）。
 * ⚠️ --mp2-onac は24テーマすべてに定義する（ヘッダーは var(--mp2-onac, var(--mp2-pg)) と同じ規則）。
 */

[data-theme] {
    --mp2-cd: #fff;
  }

[data-theme='konoha'] {
    --mp2-pg: #f3f7ee;
    --mp2-cd: #fff;
    --mp2-tx: #1f2a1c;
    --mp2-tx2: rgba(31,42,28,.62);
    --mp2-ln: #2a3524;
    --mp2-ac: #4a7c3f;
    --mp2-acf: #4a7c3f;
    --mp2-acs: #dcecd4;
    --mp2-hair: rgba(42,53,36,.14);
    --mp2-sh: #6b4a2a;
    --mp2-onac: #fff;
  }

[data-theme='suna'] {
    --mp2-pg: #f6f0e4;
    --mp2-tx: #33291a;
    --mp2-tx2: rgba(51,41,26,.62);
    --mp2-ln: #3a2f1e;
    --mp2-ac: #b8873f;
    --mp2-acf: #b8873f;
    --mp2-acs: #f0e2c8;
    --mp2-hair: rgba(58,47,30,.14);
    --mp2-sh: #8a5a1c;
    --mp2-onac: #000;
  }

[data-theme='kiri'] {
    --mp2-pg: #eef7fa;
    --mp2-tx: #162b34;
    --mp2-tx2: rgba(22,43,52,.6);
    --mp2-ln: #152a33;
    --mp2-ac: #2b7f9e;
    --mp2-acf: #2b7f9e;
    --mp2-acs: #d3ecf5;
    --mp2-hair: rgba(21,42,51,.13);
    --mp2-sh: #12414f;
    --mp2-onac: #000;
  }

[data-theme='kumo'] {
    --mp2-pg: #f6f3e8;
    --mp2-tx: #2b2718;
    --mp2-tx2: rgba(43,39,24,.62);
    --mp2-ln: #33301f;
    --mp2-ac: #B8860B;
    --mp2-acf: #B8860B;
    --mp2-acs: #f0e4bd;
    --mp2-hair: rgba(51,48,31,.15);
    --mp2-sh: #4a3c14;
    --mp2-onac: #000;
  }

[data-theme='iwa'] {
    --mp2-pg: #f1eee8;
    --mp2-tx: #2e2a22;
    --mp2-tx2: rgba(46,42,34,.62);
    --mp2-ln: #332e25;
    --mp2-ac: #7a6a55;
    --mp2-acf: #7a6a55;
    --mp2-acs: #e3ddd0;
    --mp2-hair: rgba(51,46,37,.14);
    --mp2-sh: #4a4034;
    --mp2-onac: #fff;
  }

[data-theme='oto'] {
    --mp2-pg: #1b1526;
    --mp2-cd: #261e35;
    --mp2-tx: #efe9f7;
    --mp2-tx2: rgba(239,233,247,.6);
    --mp2-ln: #08050e;
    --mp2-ac: #a882e0;
    --mp2-acf: #8465af;
    --mp2-acs: #3a2c52;
    --mp2-hair: rgba(255,255,255,.14);
    --mp2-sh: #08050e;
    --mp2-onac: #fff;
  }

[data-theme='uzu'] {
    --mp2-pg: #fff1ea;
    --mp2-tx: #3a1f16;
    --mp2-tx2: rgba(58,31,22,.6);
    --mp2-ln: #3a1f16;
    --mp2-ac: #d2542a;
    --mp2-acf: #d2542a;
    --mp2-acs: #ffdccb;
    --mp2-hair: rgba(58,31,22,.14);
    --mp2-sh: #7a2a12;
    --mp2-onac: #000;
  }

[data-theme='akatsuki'] {
    --mp2-pg: #191618;
    --mp2-cd: #241f21;
    --mp2-tx: #f3eef0;
    --mp2-tx2: rgba(243,238,240,.6);
    --mp2-ln: #000;
    --mp2-ac: #d63a35;
    --mp2-acf: #d63a35;
    --mp2-acs: #3c1e1e;
    --mp2-hair: rgba(255,255,255,.15);
    --mp2-sh: #000;
    --mp2-onac: #fff;
  }

[data-theme='naruto'] {
    --mp2-pg: #fff6ec;
    --mp2-cd: #fff;
    --mp2-tx: #1a1a1a;
    --mp2-tx2: rgba(26,26,26,.62);
    --mp2-ln: #1a1a1a;
    --mp2-ac: #FF7601;
    --mp2-acf: #FF7601;
    --mp2-acs: #ffe0c8;
    --mp2-hair: rgba(26,26,26,.16);
    --mp2-sh: #1a1a1a;
    --mp2-onac: #1a1a1a;
  }

[data-theme='sasuke'] {
    --mp2-pg: #f1f3f8;
    --mp2-cd: #fff;
    --mp2-tx: #242b3a;
    --mp2-tx2: rgba(36,43,58,.6);
    --mp2-ln: #242b3a;
    --mp2-ac: #5570c4;
    --mp2-acf: #5570c4;
    --mp2-acs: #dee4f3;
    --mp2-hair: rgba(36,43,58,.13);
    --mp2-sh: #2f3a55;
    --mp2-onac: #fff;
  }

[data-theme='sakura'] {
    --mp2-pg: #fff4f7;
    --mp2-cd: #fff;
    --mp2-tx: #42222f;
    --mp2-tx2: rgba(66,34,47,.6);
    --mp2-ln: #4a2434;
    --mp2-ac: #e0699a;
    --mp2-acf: #e0699a;
    --mp2-acs: #fbdbe7;
    --mp2-hair: rgba(74,36,52,.13);
    --mp2-sh: #a8456b;
    --mp2-onac: #000;
  }

[data-theme='kakashi'] {
    --mp2-pg: #eef1f3;
    --mp2-cd: #fff;
    --mp2-tx: #1a1a1a;
    --mp2-tx2: rgba(26,26,26,.6);
    --mp2-ln: #1a1a1a;
    --mp2-ac: #3f6b4f;
    --mp2-acf: #3f6b4f;
    --mp2-acs: #dbe8de;
    --mp2-hair: rgba(26,26,26,.13);
    --mp2-sh: #1a1a1a;
    --mp2-onac: #fff;
  }

[data-theme='hinata'] {
    --mp2-pg: #f6f2fb;
    --mp2-cd: #fff;
    --mp2-tx: #2c2539;
    --mp2-tx2: rgba(44,37,57,.6);
    --mp2-ln: #2b2438;
    --mp2-ac: #8a7bb8;
    --mp2-acf: #8a7bb8;
    --mp2-acs: #e8e0f5;
    --mp2-hair: rgba(43,36,56,.13);
    --mp2-sh: #2b2438;
    --mp2-onac: #000;
  }

[data-theme='minato'] {
    --mp2-pg: #fff6d6;
    --mp2-cd: #fff;
    --mp2-tx: #2f2712;
    --mp2-tx2: rgba(47,39,18,.62);
    --mp2-ln: #3a2f12;
    --mp2-ac: #c9342a;
    --mp2-acf: #c9342a;
    --mp2-acs: #fdeceb;
    --mp2-hair: rgba(58,47,18,.16);
    --mp2-sh: #a33a12;
    --mp2-onac: #fff;
  }

[data-theme='gaara'] {
    --mp2-pg: #f9f2e7;
    --mp2-cd: #fff;
    --mp2-tx: #38271b;
    --mp2-tx2: rgba(56,39,27,.62);
    --mp2-ln: #3a2418;
    --mp2-ac: #c0562f;
    --mp2-acf: #c0562f;
    --mp2-acs: #f7ddcb;
    --mp2-hair: rgba(58,36,24,.14);
    --mp2-sh: #8a4a1c;
    --mp2-onac: #000;
  }

[data-theme='jiraiya'] {
    --mp2-pg: #f8f4ef;
    --mp2-cd: #fff;
    --mp2-tx: #33261f;
    --mp2-tx2: rgba(51,38,31,.62);
    --mp2-ln: #33261f;
    --mp2-ac: #c0392b;
    --mp2-acf: #c0392b;
    --mp2-acs: #f6d8d3;
    --mp2-hair: rgba(51,38,31,.14);
    --mp2-sh: #7a2f22;
    --mp2-onac: #fff;
  }

[data-theme='tsunade'] {
    --mp2-pg: #f3f8f0;
    --mp2-cd: #fff;
    --mp2-tx: #28331f;
    --mp2-tx2: rgba(40,51,31,.62);
    --mp2-ln: #26331d;
    --mp2-ac: #7ba05b;
    --mp2-acf: #7ba05b;
    --mp2-acs: #e2eed6;
    --mp2-hair: rgba(38,51,29,.14);
    --mp2-sh: #3f5c2a;
    --mp2-onac: #000;
  }

[data-theme='orochi'] {
    --mp2-pg: #14161f;
    --mp2-cd: #1f2230;
    --mp2-tx: #eceaf2;
    --mp2-tx2: rgba(236,234,242,.6);
    --mp2-ln: #000;
    --mp2-ac: #7d6bd6;
    --mp2-acf: #7362c5;
    --mp2-acs: #2b2745;
    --mp2-hair: rgba(255,255,255,.14);
    --mp2-sh: #000;
    --mp2-onac: #fff;
  }

[data-theme='shikamaru'] {
    --mp2-pg: #f1f3ee;
    --mp2-cd: #fff;
    --mp2-tx: #25301f;
    --mp2-tx2: rgba(37,48,31,.62);
    --mp2-ln: #23301e;
    --mp2-ac: #5c7a4a;
    --mp2-acf: #5c7a4a;
    --mp2-acs: #dfe8d5;
    --mp2-hair: rgba(35,48,30,.14);
    --mp2-sh: #2b3a22;
    --mp2-onac: #fff;
  }

[data-theme='lee'] {
    --mp2-pg: #eff7ed;
    --mp2-cd: #fff;
    --mp2-tx: #213020;
    --mp2-tx2: rgba(33,48,32,.62);
    --mp2-ln: #1e2f1a;
    --mp2-ac: #3f8f3f;
    --mp2-acf: #3f8f3f;
    --mp2-acs: #daecd8;
    --mp2-hair: rgba(30,47,26,.14);
    --mp2-sh: #2f5c22;
    --mp2-onac: #000;
  }

[data-theme='boruto'] {
    --mp2-pg: #e6f7fb;
    --mp2-cd: #fff;
    --mp2-tx: #021824;
    --mp2-tx2: rgba(2,24,36,.6);
    --mp2-ln: #021824;
    --mp2-ac: #00a3d6;
    --mp2-acf: #00a3d6;
    --mp2-acs: #c9edf7;
    --mp2-hair: rgba(2,24,36,.13);
    --mp2-sh: #0083ac;
    --mp2-onac: #021824;
  }

[data-theme='sarada'] {
    --mp2-pg: #fdf1f0;
    --mp2-cd: #fff;
    --mp2-tx: #2a1d1d;
    --mp2-tx2: rgba(42,29,29,.62);
    --mp2-ln: #241a1a;
    --mp2-ac: #c0392b;
    --mp2-acf: #c0392b;
    --mp2-acs: #f8d6d2;
    --mp2-hair: rgba(36,26,26,.14);
    --mp2-sh: #6b2020;
    --mp2-onac: #fff;
  }

[data-theme='mitsuki'] {
    --mp2-pg: #eff8fa;
    --mp2-cd: #fff;
    --mp2-tx: #1e343b;
    --mp2-tx2: rgba(30,52,59,.6);
    --mp2-ln: #1c333a;
    --mp2-ac: #4aa8bd;
    --mp2-acf: #4aa8bd;
    --mp2-acs: #d6edf2;
    --mp2-hair: rgba(28,51,58,.13);
    --mp2-sh: #2a5e6b;
    --mp2-onac: #000;
  }

[data-theme='kawaki'] {
    --mp2-pg: #f1f0ee;
    --mp2-cd: #fff;
    --mp2-tx: #252220;
    --mp2-tx2: rgba(37,34,32,.62);
    --mp2-ln: #201e1b;
    --mp2-ac: #6b6560;
    --mp2-acf: #6b6560;
    --mp2-acs: #e0ddd8;
    --mp2-hair: rgba(32,30,27,.14);
    --mp2-sh: #3a3630;
    --mp2-onac: #fff;
  }