/* SITE 126 — BAR LOCAL ONEPAGE / design tokens
   配色（業種ファイル SITE 126 欄）:
     オフホワイト #F8F6F1 / チャコール #272727 / ネイビー #37475E / アンバー #B68749
   角丸は 8px のみ（MASTER §8: 1サイト内で混在させない。隣接122は4px、106は12pxのため揃えない）。
   シリーズ最終・最小構成。影は使わず罫線と面の差だけで構造を作る。
   本文16px / 注記14px を最小値とする。

   アンバーの使い分け（106のSITE最終教訓と同一の理由）
     指定色 #B68749 はオフホワイト地に対して約2.97:1 で本文コントラストを満たさない（実測）。
     そのため #B68749 は「罫線・ドット・アイコン・タグの面（薄塗り）」の装飾専用とし、
     文字色・ボタン地色には1段深い #8A5F2E を使う。指定配色は保ちつつ 4.5:1 を確保する。
   ネイビーは文字コントラストが高いため（8.74:1）、フッター反転パネルの地色として
   前面に出し、4色すべてが実際に機能する配色にする（オフホワイト・チャコール・ネイビー・アンバー）。

   コントラスト（実測・文字はすべて4.5:1以上）
     #272727 on #F8F6F1 = 13.84:1  / #5B5650 on #F8F6F1 = 6.72:1
     #726D65 on #F8F6F1 = 4.75:1   / #37475E on #F8F6F1 = 8.74:1
     #8A5F2E on #F8F6F1 = 5.18:1   / #FFFFFF on #8A5F2E = 5.59:1
     #F8F6F1 on #37475E = 8.74:1   / #F8F6F1 on #272727 = 13.84:1
     #B68749 は非文字要素のみ（罫線・ドット・アイコン地・薄塗り）。 */
:root {
  /* --- 面（明色） --- */
  --c-bg: #F8F6F1;
  --c-surface: #FFFFFF;
  --c-surface-2: #F1EDE2;
  --c-surface-3: #E7E0CF;
  --c-ink-panel: #2C3A4C;   /* フッター反転パネル＝ネイビー（暗め） */
  --c-ink-panel-2: #37475E;

  /* --- 罫線 --- */
  --c-line: #DDD6C8;
  --c-line-strong: #C7BEAC;

  /* --- 文字 --- */
  --c-fg: #272727;
  --c-fg-2: #5B5650;
  --c-muted: #726D65;
  --c-on-ink: #F8F6F1;
  --c-on-ink-2: #C3CBD6;

  /* --- アクセント（アンバー1色＋ネイビー2色目＋状態色） --- */
  --c-accent: #B68749;       /* 罫線・ドット・アイコン・薄塗りの面。文字には使わない */
  --c-accent-deep: #8A5F2E;  /* 文字・リンク・ボタン地色 */
  --c-accent-ink: #FFFFFF;
  --c-accent-soft: #F3E7D3;
  --c-accent-line: #E3CBA4;

  --c-navy: #37475E;         /* 見出し帯・フッターリンク・第2アクセント */
  --c-navy-soft: #E7EAEF;
  --c-navy-line: #C7CEDA;

  --c-ok: #1D7A4F;      /* 営業中 */
  --c-off: #8C8780;     /* 定休・準備中 */
  --c-alert: #B3261E;   /* エラー・注意 */
  --c-alert-soft: #FBEDEC;
  --c-focus: #8A5F2E;

  /* --- 角丸（8px単一） --- */
  --radius: 8px;

  /* --- 影は使わない --- */
  --shadow-1: none;

  /* --- 寸法 --- */
  --w-page: 1120px;
  --w-text: 700px;
  --h-header: 72px;   /* PC 64〜80px（MASTER §6） */
  --h-anchor: 50px;   /* トップのアンカーナビ（1ページ型の主導線） */
  --h-cta: 56px;      /* 固定CTA項目の最小高 */
  --tap: 44px;

  /* --- 余白 --- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;

  /* --- 文字サイズ（最小14px） --- */
  --fs-note: 14px;
  --fs-body: 16px;
  --fs-lead: 17px;
  --fs-h4: 18px;
  --fs-h3: 20px;
  --fs-h2: clamp(22px, 2.1vw, 27px);
  --fs-h1: clamp(25px, 3vw, 34px);
  --fs-display: clamp(27px, 3.6vw, 38px);

  --lh-tight: 1.36;
  --lh-normal: 1.6;
  --lh-long: 1.8;

  /* --- 書体（SITE 126: 業種ファイル指定どおり Noto Sans JP のみ） --- */
  --font-base: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  --font-num: var(--font-base);

  /* --- モーション（fade-up 1種のみ） --- */
  --dur: 260ms;
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);

  --z-header: 60;
  --z-anchor: 55;
  --z-cta: 70;
  --z-drawer: 90;
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur: 1ms; }
}