/* =========================================================================
   配色テーマ（クライアントごとに、このファイルだけ差し替える）
   -------------------------------------------------------------------------
   使い方：
   1) 下の :root { } の色・フォント・ボタンの丸みを書き換えるだけで
      全ページ（index / menu / access / staff / news / contact）の
      見た目が一括で変わります。style.css には触りません。
   2) クライアントが増えたら、このファイルを複製して
      theme-〇〇.css として管理し、各HTMLの <link> を差し替えると楽です。
   3) このファイル末尾に「テーマ集」（そのまま貼り替えできる配色）を
      コメントで用意しています。
   ========================================================================= */

:root {

  /* =======================================================================
     現在のテーマ：静謐アンバー（オーセンティックバー「Bar Tsukikage」向け）
     地は漆黒。目立つ色はアンバー（琥珀）、差し色は真鍮ゴールド（格式）。
     サイト全体が「夜」を基調にした暗色設計（明るいセクションを作らない）。
     ======================================================================= */

  /* ---- 背景・面 ---------------------------------------------------------- */
  --color-canvas:        #0f0e0d; /* 漆黒。ページ全体の地 */
  --color-canvas-alt:    #17130f; /* セクションの区切り用。わずかに温かい黒 */
  --color-surface:       #1c1712; /* カード・ヘッダーの面。黒より一段明るい面 */
  --color-surface-cool:  #221b14; /* 控えめな面 */

  /* ---- ブランドカラー（濃い→淡いの4段階） ------------------------------ */
  --color-brand:         #c68a3e; /* 見出しの色（アンバー＝琥珀） */
  --color-brand-accent:  #c68a3e; /* ボタン・CTA・リンク（アンバー。一番目立つ色） */
  --color-brand-deep:    #0a0908; /* フッター・濃い帯の背景（最も深い黒） */
  --color-brand-uplift:  #2e2013; /* 装飾用のミッドブラウン（写真プレースホルダ等） */
  --color-brand-tint:    #241b10; /* ボタンhoverの下地など（暗い琥珀の薄膜） */

  /* ---- アクセント（差し色＝真鍮ゴールド。ウイスキーの格式を示す特別感） --- */
  --color-gold:          #b99150; /* 真鍮ゴールド */
  --color-gold-light:    #d2af7b;
  --color-gold-lightest: #1c140a; /* 「金の帯」だが本サイトでは深い金褐色の帯として使用（暗色維持） */

  /* ---- 文字色 ---------------------------------------------------------- */
  --color-text:              #e6dfd2; /* 本文・見出し（生成り白） */
  --color-text-soft:         #c9c2b4; /* 補足・メタ情報（くすんだ白） */
  --color-text-on-dark:      #f4eee0; /* 濃い帯の上の文字 */
  --color-text-on-dark-soft: rgba(244, 238, 224, 0.72);

  /* ---- 状態色（エラー・警告） ---------------------------------------- */
  --color-error:   #c24b3d;
  --color-warning: #d9a23b;

  /* ---- 罫線 ---------------------------------------------------------- */
  --color-line:      #33291c; /* 暗い面の罫線（琥珀がかった焦げ茶） */
  --color-line-dark: rgba(255, 255, 255, 0.14); /* 濃い帯の中の罫線 */

  /* ---- フォント（見出し用フォントは bar-design.css 側で上書き） -------- */
  --font-sans:  "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;   /* 本文（詩的に） */
  --font-serif: "Cormorant Garamond", "Shippori Mincho", serif;               /* 見出し */

  /* ---- 角丸（0 で四角、大きいほど丸い） --------------------------------- */
  --radius-pill: 3px; /* ボタン＝角丸小（アンバーの細枠ボタン） */
  --radius-card: 0px; /* カード・画像枠＝角を立てて静かに区切る */

  /* ---- トップの背景写真の上に敷く「座布団」（文字を読みやすくする半透明の膜） --- */
  --hero-scrim-color: 6, 5, 4;      /* 膜の色（R, G, B）。ほぼ黒 */
  --hero-scrim-strength: 0.68;      /* 濃さ 0（膜なし）〜 1（真っ黒）。露出を落とす方針のため強め */
  --hero-text: #f4ecdd;             /* 見出しの文字色 */
  --hero-text-soft: rgba(244, 236, 221, 0.86); /* 説明文の文字色 */
}


/* =========================================================================
   テーマ集：まるごとコピーして上の :root { } の中身と入れ替えて使う
   -------------------------------------------------------------------------

   ▼ 落ち着いたグレージュ（ベージュ×グレー強め・アクセントも控えめ）
   --color-canvas:        #f1eee8;
   --color-canvas-alt:    #e6e1d8;
   --color-surface:       #fffefb;
   --color-surface-cool:  #f3f0ea;
   --color-brand:         #423d38;
   --color-brand-accent:  #8a7355;   (くすんだ枯茶。CTAを強めたいなら #9c6b3f)
   --color-brand-deep:    #2a2622;
   --color-brand-uplift:  #6b6157;
   --color-brand-tint:    #e5ded2;
   --color-gold:          #9c8560;
   --color-gold-light:    #c3b393;
   --color-gold-lightest: #f2ede2;
   --color-text:          #34302c;
   --color-text-soft:     #6e665d;
   --color-text-on-dark:      #f7f3ec;
   --color-text-on-dark-soft: rgba(247, 243, 236, 0.72);
   --color-line:          #d8d0c2;

   ▼ 炭火と赤提灯（濃い茶＋深い朱。にぎやかな大衆居酒屋向け）
   --color-canvas:        #f4ece0;
   --color-canvas-alt:    #e9ddc9;
   --color-surface:       #fffdf7;
   --color-surface-cool:  #f6efe2;
   --color-brand:         #3f2b22;
   --color-brand-accent:  #a83828;   (朱赤)
   --color-brand-deep:    #241813;
   --color-brand-uplift:  #6d4a38;
   --color-brand-tint:    #efdcc6;
   --color-gold:          #b98a3f;
   --color-gold-light:    #d8bd8a;
   --color-gold-lightest: #f6ecd9;
   --color-text:          #31261f;
   --color-text-soft:     #6b5b4e;
   --color-text-on-dark:      #f8efe2;
   --color-text-on-dark-soft: rgba(248, 239, 226, 0.72);
   --color-line:          #ddccb4;

   ▼ 和モダン墨（グレージュ＋墨色。割烹・和食寄りの上品路線）
   --color-canvas:        #efece6;
   --color-canvas-alt:    #e2ded5;
   --color-surface:       #fdfcf9;
   --color-surface-cool:  #f1efe9;
   --color-brand:         #2f2d2a;
   --color-brand-accent:  #7a6a58;   (焦げ茶グレー)
   --color-brand-deep:    #23211e;
   --color-brand-uplift:  #5f5850;
   --color-brand-tint:    #e0d9cc;
   --color-gold:          #96814f;
   --color-gold-light:    #c0ad86;
   --color-gold-lightest: #efeae0;
   --color-text:          #2c2a27;
   --color-text-soft:     #66605a;
   --color-text-on-dark:      #f4f1ea;
   --color-text-on-dark-soft: rgba(244, 241, 234, 0.70);
   --color-line:          #d5cfc2;

   ▼ ミルクティー（カフェ・ビストロ・洋食寄り）
   --color-canvas:        #f5efe6;
   --color-canvas-alt:    #ece0d0;
   --color-surface:       #fffdf9;
   --color-surface-cool:  #f7f1e8;
   --color-brand:         #5b4636;
   --color-brand-accent:  #c07a45;   (キャラメル)
   --color-brand-deep:    #3a2b20;
   --color-brand-uplift:  #856245;
   --color-brand-tint:    #f0e0cd;
   --color-gold:          #b58a55;
   --color-gold-light:    #d6ba8f;
   --color-gold-lightest: #f7efe1;
   --color-text:          #3b2f26;
   --color-text-soft:     #766659;
   --color-text-on-dark:      #f8f1e8;
   --color-text-on-dark-soft: rgba(248, 241, 232, 0.72);
   --color-line:          #e0d1bc;

   ▼ 静謐アンバー（オーセンティックバー向け。暗色×琥珀×真鍮ゴールド）
   --color-canvas:        #0f0e0d;
   --color-canvas-alt:    #17130f;
   --color-surface:       #1c1712;
   --color-surface-cool:  #221b14;
   --color-brand:         #c68a3e;
   --color-brand-accent:  #c68a3e;
   --color-brand-deep:    #0a0908;
   --color-brand-uplift:  #2e2013;
   --color-brand-tint:    #241b10;
   --color-gold:          #b99150;
   --color-gold-light:    #d2af7b;
   --color-gold-lightest: #1c140a;
   --color-text:          #e6dfd2;
   --color-text-soft:     #c9c2b4;
   --color-text-on-dark:      #f4eee0;
   --color-text-on-dark-soft: rgba(244, 238, 224, 0.72);
   --color-line:          #33291c;

   ▼ 白木と藍（割烹・鮨向け。寒色を一色差して他ジャンルと差別化。site-kappoの現在値・2026-09-15）
   --color-canvas:        #f8f4ea;
   --color-canvas-alt:    #f0ead9;
   --color-surface:       #ffffff;
   --color-surface-cool:  #f3efe4;
   --color-brand:         #24384a;
   --color-brand-accent:  #2f4c63;   (藍)
   --color-brand-deep:    #16232e;
   --color-brand-uplift:  #4c6478;
   --color-brand-tint:    #dde3e6;
   --color-gold:          #9c7f4c;
   --color-gold-light:    #c4ac7e;
   --color-gold-lightest: #f2ead9;
   --color-text:          #262524;
   --color-text-soft:     #6b655d;
   --color-text-on-dark:      #f4f1ea;
   --color-text-on-dark-soft: rgba(244, 241, 234, 0.70);
   --color-line:          #ddd9cb;

   ▼ オリーブと辛子色（ビストロ・イタリアン向け。季節野菜の緑×マスタード。site-bistroの現在値・2026-09-15）
   --color-canvas:        #fbf3e3;
   --color-canvas-alt:    #f1e4c8;
   --color-surface:       #fffef9;
   --color-surface-cool:  #f7f0df;
   --color-brand:         #4b5e3a;
   --color-brand-accent:  #c98a2e;   (辛子色)
   --color-brand-deep:    #2e3b22;
   --color-brand-uplift:  #6f7e54;
   --color-brand-tint:    #e4e8d3;
   --color-gold:          #c98a2e;
   --color-gold-light:    #e0b368;
   --color-gold-lightest: #fbefd9;
   --color-text:          #3a3226;
   --color-text-soft:     #7c7259;
   --color-text-on-dark:      #f8f1e8;
   --color-text-on-dark-soft: rgba(248, 241, 232, 0.72);
   --color-line:          #e7d9b0;

   ========================================================================= */