/* SITE 69 — HOST NAVY PREMIUM / design tokens
   配色: ディープネイビー #0D1A2F / アイボリー #F4EFE6 / ゴールド #B49355 / スレート #75839B
   角丸は 4px のみ（MASTER §8: 1サイト内で混在させない）
   影は 2段階まで
   本文16px / 注記14px を最小値とする
   数字（電話・料金・日付・時刻）は old-style 数字を使わない。--font-num + lining-nums / tabular-nums。 */
:root {
  /* --- 面 --- */
  --c-bg: #0D1A2F;
  --c-bg-2: #12233C;
  --c-bg-3: #182C48;
  --c-bg-inset: #091422;

  /* --- 罫線 --- */
  --c-line: #243854;
  --c-line-strong: #35496A;

  /* --- 文字 ---
     #F4EFE6 / #0D1A2F = 14.9:1、#CFD8E4 = 10.4:1、#9BA9BC = 6.3:1（いずれも4.5:1以上） */
  --c-fg: #F4EFE6;
  --c-fg-2: #CFD8E4;
  --c-muted: #9BA9BC;
  --c-slate: #75839B;

  /* --- アクセント（ゴールド1色 + 状態色） ---
     #C9AA72 / #0D1A2F = 8.5:1、#B49355 / #0D1A2F = 6.5:1 */
  --c-accent: #B49355;
  --c-accent-bright: #C9AA72;
  --c-accent-ink: #14100A;
  --c-accent-soft: rgba(180, 147, 85, 0.14);
  --c-accent-line: rgba(180, 147, 85, 0.44);

  --c-ok: #7FC0A6;      /* 営業中・出勤あり（#0D1A2F 上で 8.4:1） */
  --c-off: #A9B6C7;     /* 休業・出勤なし */
  --c-alert: #F09186;   /* エラー・注意（#0D1A2F 上で 7.5:1） */
  --c-focus: #C9AA72;

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

  /* --- 影（2段階） --- */
  --shadow-1: 0 1px 2px rgba(3, 8, 16, 0.55);
  --shadow-2: 0 16px 40px rgba(3, 8, 16, 0.62);

  /* --- 寸法 --- */
  --w-page: 1160px;
  --w-text: 740px;
  --h-header: 72px;   /* 2段ヘッダーのうち、追従するナビ行の高さ（64〜80px） */
  --h-topbar: 40px;   /* 店舗情報バー（追従しない。スクロールで送る） */
  --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: 88px;

  /* --- 文字サイズ（最小14px） --- */
  --fs-note: 14px;   /* 注記・補足 */
  --fs-body: 16px;   /* 本文・料金・時刻・住所・ラベル */
  --fs-lead: 17px;
  --fs-h4: 18px;
  --fs-h3: 21px;
  --fs-h2: clamp(23px, 2.4vw, 30px);
  --fs-h1: clamp(27px, 3.6vw, 40px);
  --fs-display: clamp(34px, 5vw, 56px);

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

  /* --- 書体 ---
     見出しの欧文のみ Cormorant Garamond。和文・数字には使わない（和文グリフ・数字書体の事故を避ける）。 */
  --font-base: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  --font-display: "Cormorant Garamond", "Times New Roman", "Noto Serif JP", serif;
  --font-num: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans JP", Arial, sans-serif;

  /* --- モーション（1種: 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; }
}