/* SITE 73 — HOST LARGE ROSTER / design tokens
   配色: ダーク #16191F / ホワイト #F7F7F5 / スレート #596273 / アンバー #D3AA4C
   角丸は 4px のみ（MASTER §8: 1サイト内で混在させない）
   影は 2段階まで。情報密度を上げるため、面の分離は影より罫線と背景差で行う。
   本文16px / 注記14px を最小値とする */
:root {
  /* --- 面 --- */
  --c-bg: #16191F;
  --c-bg-2: #1C212A;
  --c-bg-3: #232935;
  --c-bg-inset: #0F1216;

  /* --- 罫線（スレート系） --- */
  --c-line: #2C333F;
  --c-line-strong: #3E4756;

  /* --- 文字 ---
     #F7F7F5 / #16191F = 16.6:1、#C9CED8 = 11.0:1、#9BA3B2 = 6.9:1（いずれも4.5:1以上）
     スレート #596273 は 2.9:1 のため、罫線・面にのみ使用し本文へ使わない。 */
  --c-fg: #F7F7F5;
  --c-fg-2: #C9CED8;
  --c-muted: #9BA3B2;
  --c-slate: #596273;

  /* --- アクセント（アンバー1色 + 状態色） ---
     #D3AA4C / #16191F = 8.1:1、#E4C173 = 10.4:1 */
  --c-accent: #D3AA4C;
  --c-accent-bright: #E4C173;
  --c-accent-ink: #1A1405;
  --c-accent-soft: rgba(211, 170, 76, 0.13);
  --c-accent-line: rgba(211, 170, 76, 0.44);

  --c-ok: #6FC79A;      /* 営業中・出勤あり */
  --c-off: #B0B7C2;     /* 休業・出勤なし */
  --c-alert: #EC8C7E;   /* エラー・注意 */
  --c-focus: #E4C173;

  /* --- 角丸（4px 単一。67の8pxと分ける） --- */
  --radius: 4px;

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

  /* --- 寸法 --- */
  --w-page: 1280px;      /* 4列ディレクトリを成立させるため 67(1200px) より広い */
  --w-text: 760px;
  --h-infobar: 44px;   /* 情報バー内のリンクもタップ44pxを満たす高さ */
  --h-header: 64px;
  --h-cta: 58px;
  --tap: 44px;

  /* --- 余白（密度重視のため 67 より1段詰める） --- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 22px;
  --sp-6: 30px;
  --sp-7: 44px;
  --sp-8: 58px;
  --sp-9: 76px;

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

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

  /* --- 書体（IBM Plex Sans + Noto Sans JP） --- */
  --font-base: "IBM Plex Sans", "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  /* 数字は lining / tabular。料金・時刻・日付に old-style を使わない。 */
  --font-num: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

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

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

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