/* =========================================================================
   配色 3案 ── ロゴの朱色・蓮のピンク・生成りから起こしています
   =========================================================================
   ★確認用の切り替えバーは js/palette.js が作ります。
     公開前に、index.html の palette.js の1行を消せば
     1案（data-palette 未指定＝A案）で固定されます。
   ========================================================================= */

/* ── A案：朱と生成り（ロゴそのまま。温かく素朴） ─────────── */
:root,
[data-palette="A"]{
  --paper:      #FCF6EC;
  --paper-2:    #F6EDDF;
  --paper-3:    #EFE3D1;
  --card:       #FFFDF9;

  --ink:        #3B2A1E;
  --ink-soft:   #6B5544;
  --ink-faint:  #97806C;

  --accent:     #E2621B;   /* ロゴの朱 */
  --accent-2:   #C74A0E;
  --accent-wash:#FBEADD;
  --on-accent:  #FFFFFF;

  --sub:        #E0798F;   /* 蓮・桜のピンク */
  --sub-wash:   #FBEAEE;

  --leaf:       #6E8A4E;   /* 蓮の葉 */

  --rule:       #E6D8C4;
  --rule-strong:#CDB89D;
  --shadow:     0 1px 2px rgba(59,42,30,.06), 0 6px 18px rgba(59,42,30,.05);
}

/* ── B案：白と蓮（明るく、やわらかく、軽やか） ─────────── */
[data-palette="B"]{
  --paper:      #FFFCFA;
  --paper-2:    #FDF3F1;
  --paper-3:    #F8E7E4;
  --card:       #FFFFFF;

  --ink:        #43302E;
  --ink-soft:   #745A57;
  --ink-faint:  #A08986;

  --accent:     #D9536F;   /* 蓮の紅 */
  --accent-2:   #B93C57;
  --accent-wash:#FCE9ED;
  --on-accent:  #FFFFFF;

  --sub:        #E8752A;   /* 差し色に朱 */
  --sub-wash:   #FDEDE0;

  --leaf:       #7E9A62;

  --rule:       #F0DFDC;
  --rule-strong:#DCC3BF;
  --shadow:     0 1px 2px rgba(67,48,46,.05), 0 6px 18px rgba(67,48,46,.045);
}

/* ── C案：夜の食堂（提灯のあかり。落ち着いて、こっくり） ─── */
[data-palette="C"]{
  --paper:      #241A15;
  --paper-2:    #2E211A;
  --paper-3:    #3A2A21;
  --card:       #30231C;

  --ink:        #F5E9DC;
  --ink-soft:   #D3BEA9;
  --ink-faint:  #A78C77;

  --accent:     #F5822F;   /* 灯りの朱 */
  --accent-2:   #FF9A4D;
  --accent-wash:#3E2A1D;
  --on-accent:  #241A15;

  --sub:        #EE9AAC;
  --sub-wash:   #3B2830;

  --leaf:       #93AE72;

  --rule:       #46332A;
  --rule-strong:#5E4638;
  --shadow:     0 1px 2px rgba(0,0,0,.3), 0 8px 22px rgba(0,0,0,.28);
}

/* ── D案：紺と金（南十字星の夜空。落ち着いて、上品に） ───── */
[data-palette="D"]{
  --paper:      #15233A;
  --paper-2:    #1A2B46;
  --paper-3:    #223657;
  --card:       #1D3050;

  --ink:        #F4EFE6;
  --ink-soft:   #D2CABC;
  --ink-faint:  #A3ABBA;

  --accent:     #D2AE62;   /* 星の金 */
  --accent-2:   #E6C886;
  --accent-wash:#2A3B58;
  --on-accent:  #15233A;

  --sub:        #E79AAA;
  --sub-wash:   #2F3150;

  --leaf:       #93B38A;

  --rule:       #2F4467;
  --rule-strong:#46608A;
  --shadow:     0 1px 2px rgba(0,0,0,.3), 0 8px 22px rgba(0,0,0,.28);
}

/* ── E案：赤と金（南十字星のロゴ。にぎやかで、華やかに） ───── */
[data-palette="E"]{
  --paper:      #FFF8EC;
  --paper-2:    #FCEFD9;
  --paper-3:    #F7E4C4;
  --card:       #FFFDF8;

  --ink:        #3A1F14;
  --ink-soft:   #6A4535;
  --ink-faint:  #957563;

  --accent:     #C8161D;   /* ロゴの赤 */
  --accent-2:   #A50F15;
  --accent-wash:#FBE4DF;
  --on-accent:  #FFFFFF;

  --sub:        #C9930F;   /* ロゴの金 */
  --sub-wash:   #FBF0D2;

  --leaf:       #6E8A4E;

  --rule:       #EBD8B8;
  --rule-strong:#D4B88A;
  --shadow:     0 1px 2px rgba(58,31,20,.06), 0 6px 18px rgba(58,31,20,.06);
}

/* =========================================================================
   確認用の配色バー（公開時は palette.js ごと外します）
   ========================================================================= */
.palbar{
  position:fixed; left:0; right:0; bottom:0; z-index:90;
  background:rgba(255,255,255,.96);
  border-top:1px solid #ddd;
  backdrop-filter:blur(8px);
  padding:.5rem .8rem calc(.5rem + env(safe-area-inset-bottom));
  font-family:"Zen Kaku Gothic New",sans-serif;
  color:#333;
}
.palbar-row{
  display:flex; gap:.4rem; align-items:center;
  max-width:46rem; margin:0 auto .35rem; overflow-x:auto;
}
.palbar-btn{
  flex:none; display:flex; align-items:center; gap:.35rem;
  border:1px solid #ccc; background:#fff; color:#333;
  border-radius:999px; padding:.4rem .7rem;
  font:inherit; font-size:.78rem; cursor:pointer; white-space:nowrap;
}
.palbar-btn[aria-pressed="true"]{ border-color:#333; font-weight:700; }
.palbar-sw{ display:inline-flex; }
.palbar-sw i{ width:11px; height:15px; border:1px solid rgba(0,0,0,.18); }
.palbar-hint{
  max-width:46rem; margin:0 auto; font-size:.68rem; color:#666; line-height:1.6;
}
.palbar-hint b{ color:#C74A0E; }