/* cocoise テーマ: guild-tavern（中世ヨーロッパ風 / 明色テーマ）
   フレーム: _frames/guild-tavern.css（羊皮紙・二重罫・封蝋）
   コンセプト: 扉を開けたら、そこは酒場だった
   変数の意味は docs/theme-contract.md を参照。テンプレートはこの変数のみを参照する。

   配色の意図:
   - 地は羊皮紙の麦色 #E9DEC3、カードは一段明るい貼り紙 #F7F1E1。
     この2枚の紙の差だけで「掲示板に紙が貼られている」ことを示し、
     石壁やレンガのテクスチャは一切敷かない（重くなり文字が読めなくなるため）
   - 主アクセントは封蝋の赤褐色 #8C3B2C。罫・枠・見出し飾りをすべてこの1色に集約する
   - --accent-1-light は明色テーマでは「文字色」として使われるため、
     accent-1 より暗い #6E2A20 を入れている（明るくすると価格や出勤○が読めない）
   - サブは役割で分けた。濃紺 #2B3A5E は検索など操作系（夜・魔術）、
     深緑 #2C6046 は審査バッジ（検められた印）、暗い森緑 #3A5138 は求人（ギルドの掲示）
   - 金は真鍮寄りの #9E7C3C をフレーム変数に置き、細い罫と鋲だけに使う。
     広い面には塗らないので、既存の「白×ローズ×金」「黒×ネオン×金」とは重ならない

   明色テーマの調整点:
   - --overlay-dark   … 写真上のチップ・メニュー幕は「羊皮紙の半透明」に反転
   - --glow-light     … 白グローは明色地で消えるため真鍮系に変更
   - --trust-green    … 白地の9pxでも読める濃さ（コントラスト比 約7:1）
   - --band-grad      … .band-title は白固定。革装丁の暗い赤褐色〜濃紺で止めている */
/* フレームCSSは @import なので、テンプレート側のキャッシュバストが効かない。
   _frames/ を変更したら、この v= も必ず上げること */
@import url("../_frames/guild-tavern.css?v=20261008a");

:root {
  --bg-base:        #E9DEC3;
  --bg-card:        #F7F1E1;
  --band-grad:      linear-gradient(100deg, #46201A, #7A3226 38%, #6C2C22 62%, #2E3856);
  --accent-1:       #8C3B2C;
  --accent-1-light: #6E2A20;
  --accent-2:       #2B3A5E;
  --recruit-bg:     #3A5138;
  --trust-green:    #2C6046;
  --text-main:      #34261C;
  --text-sub:       #6B5844;
  --text-on-light:  #34261C;
  --surface-light:  #FAF5E8;
  --line-accent:    rgba(140, 59, 44, .50);
  --line-soft:      rgba(90, 64, 40, .26);
  --line-strong:    rgba(52, 38, 28, .42);
  --overlay-dark:   rgba(250, 245, 232, .90);
  --glow-accent:    rgba(140, 59, 44, .32);
  --glow-light:     rgba(158, 124, 60, .34);
  --radius-card:    5px;
  --radius-btn:     4px;
  --font-display:   'Cinzel', 'Zen Old Mincho', Georgia, serif;
  --font-body:      'Noto Sans JP', sans-serif;

  /* guild-tavern フレーム変数 */
  --gt-brass:      #9E7C3C;
  --gt-brass-soft: rgba(158, 124, 60, .42);
  --gt-paper:      #F7F1E1;
  --gt-paper-hi:   #FDF9EF;
  --gt-wax:        #8C3B2C;
  --gt-shadow:     0 1px 0 rgba(120, 92, 52, .10), 0 6px 14px rgba(96, 72, 40, .16);
  --gt-shadow-sm:  0 1px 0 rgba(120, 92, 52, .09), 0 3px 8px rgba(96, 72, 40, .12);
}
