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

:root {

  /* =======================================================================
     現在のテーマ：白基調とワインレッド（Restaurant AKANE 向け）
     2026-09-15、配色を作り直し。旧テーマ「チャコール×金茶」は暗色基調で、
     炭火焼肉・オーセンティックバーと同じ「黒地×金/オレンジ」の一辺倒に
     なっていたため、DESIGN-koukyu-french.md 自身が併記していた
     「A. 白基調（余白の美・引き算のデザイン）」側を採用（NotebookLM調査でも
     JINBO等の白基調ミニマルが高級フレンチの定番のひとつと確認。
     ~/リサーチ/2026-09-15_飲食店ジャンル別配色パターン調査.md）。
     ファーストビューの写真だけは従来どおり暗めの座布団を敷いて文字を
     読みやすくし、それ以外の面はすべて白〜生成りに変更。
     ======================================================================= */

  /* ---- 背景・面 ---------------------------------------------------------- */
  --color-canvas:        #f7f5f1; /* ページ全体の背景（生成り白） */
  --color-canvas-alt:    #efebe3; /* セクションの区切り用の、少し沈んだ生成り */
  --color-surface:       #fffefc; /* カード・写真台紙の面 */
  --color-surface-cool:  #f3efe8; /* 控えめな面 */

  /* ---- ブランドカラー（見出し・アクセントの役割） ------------------------ */
  --color-brand:         #26241f; /* 見出しの色（墨に近い黒） */
  --color-brand-accent:  #6e3b3b; /* ボタン・CTA・リンク（ワインレッド。一番目立つ色） */
  --color-brand-deep:    #1c1b17; /* フッター・最も沈んだ帯の背景 */
  --color-brand-uplift:  #55524a; /* 写真プレースホルダーの下地 */
  --color-brand-tint:    #efe1de; /* ワインレッドを薄く沈めた下地（ボタンhover等） */

  /* ---- アクセント（特別感を出したい所だけ。星マーク等） ---------------- */
  --color-gold:          #96794a;
  --color-gold-light:    #c2ac82;
  --color-gold-lightest: #f1ebdd;

  /* ---- 文字色 ---------------------------------------------------------- */
  --color-text:              #26241f; /* 本文・見出し（墨に近い黒） */
  --color-text-soft:         #6a655c; /* 補足・メタ情報 */
  --color-text-on-dark:      #f7f5f1; /* 濃い帯（フッター等）の上の文字 */
  --color-text-on-dark-soft: rgba(247, 245, 241, 0.72);

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

  /* ---- 罫線 ---------------------------------------------------------- */
  --color-line:      #ddd6c8; /* 面の上の罫線（細く控えめ） */
  --color-line-dark: rgba(0, 0, 0, 0.4);

  /* ---- フォント ------------------------------------------------------ */
  --font-sans:  "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;   /* 本文 */
  --font-serif: "Cormorant Garamond", "Noto Serif JP", "Hiragino Mincho ProN", serif; /* 見出し・欧文セリフ */

  /* ---- 角丸（0 で四角、大きいほど丸い） --------------------------------- */
  --radius-pill: 0px; /* 引き算のデザイン：角は立てたまま */
  --radius-card: 0px;

  /* ---- トップの背景写真の上に敷く「座布団」（文字を読みやすくする半透明の膜） --- */
  /* ページ本体は白基調に変えたが、ファーストビューは写真の上に白文字を乗せるため
     ここだけ従来どおり暗めの座布団を残す（実在の白基調フレンチサイトも
     ヒーロー写真部分だけは暗く落として文字を読ませる手法が一般的） */
  --hero-scrim-color: 16, 14, 12;
  --hero-scrim-strength: 0.5;
  --hero-text: #f7f5f1;           /* 見出しの文字色 */
  --hero-text-soft: rgba(247, 245, 241, 0.84); /* 説明文の文字色 */
}


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

   ▼ 白基調（明るい・軽やか。DESIGN-koukyu-french.md「A. 白基調」。この site-french の現在値）
   --color-canvas:        #f7f5f1;
   --color-canvas-alt:    #efebe3;
   --color-surface:       #fffefc;
   --color-surface-cool:  #f3efe8;
   --color-brand:         #26241f;
   --color-brand-accent:  #6e3b3b;   (くすんだボルドー。金茶なら #96794a)
   --color-brand-deep:    #1c1b17;
   --color-brand-uplift:  #55524a;
   --color-brand-tint:    #efe1de;
   --color-gold:          #96794a;
   --color-gold-light:    #c2ac82;
   --color-gold-lightest: #f1ebdd;
   --color-text:          #26241f;
   --color-text-soft:     #6a655c;
   --color-text-on-dark:      #f7f5f1;
   --color-text-on-dark-soft: rgba(247, 245, 241, 0.72);
   --color-line:          #ddd6c8;

   ▼ チャコール×金茶（暗色基調。DESIGN-koukyu-french.md「B. 暗色基調」。2026-09-15までのsite-french旧値）
   --color-canvas:        #1b1a18;
   --color-canvas-alt:    #151412;
   --color-surface:       #242220;
   --color-surface-cool:  #201f1c;
   --color-brand:         #ece5d8;
   --color-brand-accent:  #b8965a;   (金茶)
   --color-brand-deep:    #0e0d0c;
   --color-brand-uplift:  #35322c;
   --color-brand-tint:    #332c1d;
   --color-gold:          #c9a869;
   --color-gold-light:    #ddc696;
   --color-gold-lightest: #26200f;
   --color-text:          #e7e2d8;
   --color-text-soft:     rgba(231, 226, 216, 0.62);
   --color-text-on-dark:      #ece5d8;
   --color-text-on-dark-soft: rgba(236, 229, 216, 0.68);
   --color-line:          rgba(231, 226, 216, 0.16);

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