/* SITE 72 — HOST PHOTO FIRST / design tokens
   配色: ブラック #141414 / アイボリー #F4F1EA / ブロンズ #9B7A57 / ブルーグレー #6D7682
   角丸は 4px のみ（MASTER §8: 1サイト内で混在させない）。写真の輪郭を鈍らせないため小さめに取る。
   影は 2段階まで。写真が主役のため、カードは影より罫線と背景差で分ける。
   本文16px / 注記14px を最小値とする。 */
:root {
  /* --- 面 --- */
  --c-bg: #141414;
  --c-bg-2: #1A1A19;
  --c-bg-3: #212120;
  --c-bg-inset: #0D0D0D;

  /* --- 罫線 --- */
  --c-line: #2E2E2C;
  --c-line-strong: #43423F;

  /* --- 文字 ---
     #F4F1EA / #141414 = 16.8:1、#D3CFC6 = 12.3:1、#98A1AD = 7.1:1（いずれも4.5:1以上） */
  --c-fg: #F4F1EA;
  --c-fg-2: #D3CFC6;
  --c-muted: #98A1AD;

  /* --- アクセント（ブロンズ1色 + ブルーグレー） ---
     #C79A6C / #141414 = 7.3:1（文字可）、#9B7A57 = 4.7:1（罫線・面・大きな文字用）
     ブルーグレー #6D7682 は 4.1:1 のため文字色には使わず、罫線・図版のみに使う */
  --c-accent: #9B7A57;
  --c-accent-bright: #C79A6C;
  --c-accent-ink: #14100B;
  --c-accent-soft: rgba(155, 122, 87, 0.16);
  --c-accent-line: rgba(155, 122, 87, 0.46);
  --c-slate: #6D7682;
  --c-slate-soft: rgba(109, 118, 130, 0.2);

  --c-ok: #82C39F;      /* 営業中・出勤あり */
  --c-off: #B7B4AD;     /* 休業・出勤なし */
  --c-alert: #E88C7D;   /* エラー・注意（#141414 上で 6.0:1） */
  --c-focus: #E1B67F;

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

  /* --- 影（2段階） --- */
  --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.55);
  --shadow-2: 0 14px 36px rgba(0, 0, 0, 0.6);

  /* --- 寸法 --- */
  --w-page: 1240px;
  --w-text: 760px;
  --h-header: 68px;
  --h-cta: 52px;      /* 固定CTA項目の最小高。上辺1pxボーダー込みの実高を 48〜56px に収める */
  --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;
  --sp-9: 84px;

  /* --- 文字サイズ（最小14px） --- */
  --fs-note: 14px;   /* 注記・補足 */
  --fs-body: 16px;   /* 本文・料金・時刻・住所・ラベル */
  --fs-lead: 17px;
  --fs-h4: 18px;
  --fs-h3: 21px;
  --fs-h2: clamp(24px, 2.5vw, 31px);
  --fs-h1: clamp(28px, 3.8vw, 42px);
  --fs-display: clamp(30px, 4.6vw, 48px);

  --lh-tight: 1.34;
  --lh-normal: 1.6;
  --lh-long: 1.75;

  /* --- 書体（Montserrat + Noto Sans JP / システムフォントへフォールバック） --- */
  --font-base: "Montserrat", "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  --font-num: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* 電話・料金・日付に old-style 数字を使わない（全体既定で lining + tabular） */
  --num-feature: lining-nums tabular-nums;

  /* --- モーション（1サイト2種類まで: fade-up / スライダーの横移動） --- */
  --dur: 400ms;
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);

  --z-header: 60;
  --z-cta: 70;
  --z-drawer: 90;
  --z-modal: 100;
}

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