/* SITE 78 — HOST LOCAL SEO / design tokens
   配色（業種ファイル SITE 78 欄）:
     ホワイト #FFFFFF / ネイビー #243047 / ブルーグレー #7B8AA4 / ブラス #C6A15B
   意匠の狙い: 駅の案内サイン・時刻表のような「読ませる面」。
     角丸 0px（MASTER §8: 1サイト内で混在させない。74 は 12px / 67 は 8px）
     影は 1段階のみ。面の区別は罫線と背景差で作る。
   コントラスト（実測値・本文と主要UIはすべて 4.5:1 以上、装飾罫線は 3:1 以上）
     #243047 on #FFFFFF = 13.1:1   （本文・見出し）
     #3E4B63 on #FFFFFF =  8.8:1   （副本文）
     #5A6880 on #FFFFFF =  5.6:1   （注記）
     #8C6E2E on #FFFFFF =  4.8:1   （アクセント文字・リンク）
     #243047 on #C6A15B =  5.4:1   （主要ボタン: ブラス地にネイビー文字）
     #1F7A5A on #FFFFFF =  4.8:1   （営業中・出勤あり）
     #B3261E on #FFFFFF =  6.5:1   （エラー）
   ブラス #C6A15B は白地に対して 2.4:1 のため、文字色には使わない（地・罫線・図のみ）。 */
:root {
  /* --- 面（明色・紙面） --- */
  --c-bg: #F6F7F9;
  --c-surface: #FFFFFF;
  --c-surface-2: #F0F2F6;
  --c-surface-3: #E4E8EF;
  --c-ink-panel: #243047;   /* 反転パネル（フッター・強調帯） */

  /* --- 罫線（ヘアライン主体） --- */
  --c-line: #D3DAE4;
  --c-line-strong: #A9B4C4;
  --c-line-ink: #7B8AA4;

  /* --- 文字 --- */
  --c-fg: #243047;
  --c-fg-2: #3E4B63;
  --c-muted: #5A6880;
  --c-on-ink: #F6F7F9;
  --c-on-ink-2: #BFC9D8;

  /* --- アクセント（ブラス1色 + 状態色） --- */
  --c-accent: #C6A15B;          /* 地・罫線・図。文字には使わない */
  --c-accent-deep: #8C6E2E;     /* アクセント文字・リンク */
  --c-accent-ink: #243047;      /* ブラス地の上に載る文字 */
  --c-accent-soft: #FAF4E7;
  --c-accent-line: #E0CDA2;

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

  /* --- 角丸（0px 単一。案内サイン的な直線構成） --- */
  --radius: 0px;

  /* --- 影（1段階のみ。面の区別は罫線と背景差で作る） --- */
  --shadow-1: 0 10px 30px rgba(36, 48, 71, 0.16);

  /* --- 寸法 --- */
  --w-page: 1200px;
  --w-text: 760px;
  --h-header: 70px;
  --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.3vw, 29px);
  --fs-h1: clamp(26px, 3.4vw, 38px);
  --fs-display: clamp(29px, 4.2vw, 44px);

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

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

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