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

:root {

  /* =======================================================================
     現在のテーマ：炭火と赤提灯（大衆酒場「とら吉」向け・にぎやかな朱赤×生成り路線）
     ======================================================================= */

  /* ---- 背景・面 ---------------------------------------------------------- */
  --color-canvas:        #f3ebdd;
  --color-canvas-alt:    #e9d9b8;
  --color-surface:       #fffbf2;
  --color-surface-cool:  #f5eedf;

  /* ---- ブランドカラー（濃い→淡いの4段階） ------------------------------ */
  --color-brand:         #2b2119;
  --color-brand-accent:  #c0392b;
  --color-brand-deep:    #1e1712;
  --color-brand-uplift:  #6b4a3a;
  --color-brand-tint:    #ead7b0;

  /* ---- アクセント（特別感を出したい所だけ。価格・星マーク等） ---------- */
  --color-gold:          #b9791e;
  --color-gold-light:    #d9a24f;
  --color-gold-lightest: #fbeeda;

  /* ---- 文字色 ---------------------------------------------------------- */
  --color-text:              #2b2119;
  --color-text-soft:         #6e5b4a;
  --color-text-on-dark:      #f7eedd;
  --color-text-on-dark-soft: rgba(247, 238, 221, 0.72);

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

  /* ---- 罫線 ---------------------------------------------------------- */
  --color-line:      #dcc7a0;
  --color-line-dark: rgba(255, 255, 255, 0.16);

  /* ---- フォント ------------------------------------------------------ */
  --font-sans:  "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;   /* 本文 */
  --font-serif: "Shippori Antique B1", "Noto Sans JP", sans-serif;         /* 見出し（太ゴシック） */

  /* ---- 角丸（0 で四角、大きいほど丸い） --------------------------------- */
  --radius-pill: 10px;
  --radius-card: 6px;

  /* ---- トップの背景写真の上に敷く「座布団」 --- */
  --hero-scrim-color: 20, 14, 10;
  --hero-scrim-strength: 0.62;
  --hero-text: #ffffff;
  --hero-text-soft: rgba(255, 255, 255, 0.88);
}


/* =========================================================================
   テーマ集：まるごとコピーして上の :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:        #f3ebdd;
   --color-canvas-alt:    #e9d9b8;
   --color-surface:       #fffbf2;
   --color-surface-cool:  #f5eedf;
   --color-brand:         #2b2119;
   --color-brand-accent:  #c0392b;   (赤提灯)
   --color-brand-deep:    #1e1712;
   --color-brand-uplift:  #6b4a3a;
   --color-brand-tint:    #ead7b0;
   --color-gold:          #b9791e;   (山吹)
   --color-gold-light:    #d9a24f;
   --color-gold-lightest: #fbeeda;
   --color-text:          #2b2119;
   --color-text-soft:     #6e5b4a;
   --color-text-on-dark:      #f7eedd;
   --color-text-on-dark-soft: rgba(247, 238, 221, 0.72);
   --color-line:          #dcc7a0;

   ▼ 和モダン墨（グレージュ＋墨色。割烹・和食寄りの上品路線）
   --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;

   ▼ 白木と藍（割烹・鮨向け。寒色を一色差して他ジャンルと差別化。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;

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