/* SITE 74 — HOST FIRST VISIT / design tokens
   配色（業種ファイル SITE 74 欄）:
     オフホワイト #F7F6F2 / ネイビー #1E2430 / ブルー #2E68D4 / ペールグレー #D6DDE8
   明色テンプレートのため、暗色の 67/69/70 とは面・罫線・影の設計が別。
   角丸は 12px のみ（MASTER §8: 1サイト内で混在させない。67 は 8px）
   影は 2段階まで。本文16px / 注記14px を最小値とする。
   コントラスト（実測値・すべて 4.5:1 以上）
     #1E2430 on #F7F6F2 = 14.3:1 / #4A5464 on #FFFFFF = 7.3:1 / #5B6577 on #F7F6F2 = 5.4:1
     #2E68D4 on #FFFFFF = 5.1:1 / #FFFFFF on #2E68D4 = 5.1:1 / #1F7A5A on #FFFFFF = 4.8:1 */
:root {
  /* --- 面（明色） --- */
  --c-bg: #F7F6F2;
  --c-surface: #FFFFFF;
  --c-surface-2: #F1F3F7;
  --c-surface-3: #E9EEF6;
  --c-ink-panel: #1E2430;   /* 反転パネル（フッター・強調帯） */

  /* --- 罫線 --- */
  --c-line: #D6DDE8;
  --c-line-strong: #B9C4D4;

  /* --- 文字 --- */
  --c-fg: #1E2430;
  --c-fg-2: #4A5464;
  --c-muted: #5B6577;
  --c-on-ink: #F7F6F2;
  --c-on-ink-2: #C3CCDA;

  /* --- アクセント（ブルー1色 + 状態色） --- */
  --c-accent: #2E68D4;
  --c-accent-deep: #21509F;
  --c-accent-ink: #FFFFFF;
  --c-accent-soft: #E8EFFB;
  --c-accent-line: #A8C2EE;

  --c-ok: #1F7A5A;      /* 営業中・出勤あり */
  --c-off: #8A93A3;     /* 休業・出勤なし */
  --c-alert: #C0392B;   /* エラー・注意 */
  --c-alert-soft: #FCEDEB;
  --c-focus: #21509F;

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

  /* --- 影（2段階。明色なので弱く） --- */
  --shadow-1: 0 1px 2px rgba(30, 36, 48, 0.07);
  --shadow-2: 0 14px 34px rgba(30, 36, 48, 0.14);

  /* --- 寸法 --- */
  --w-page: 1180px;
  --w-text: 760px;
  --h-header: 72px;
  --h-cta: 60px;
  --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(24px, 2.4vw, 30px);
  --fs-h1: clamp(27px, 3.6vw, 40px);
  --fs-display: clamp(30px, 4.4vw, 46px);

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

  /* --- 書体（SITE 74: Poppins + Noto Sans JP） --- */
  --font-base: "Poppins", "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  --font-num: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* --- モーション（fade-up 1種のみ） --- */
  --dur: 380ms;
  --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; }
}