/* SITE 71 — HOST MINIMAL GRAY / design tokens
   配色: チャコール #202124 / ライトグレー #F2F2EF / ミドルグレー #8E8E8A / ホワイト #FFFFFF
   方針: 角丸 0px 固定・影は1段階（モーダルのみ）・面の差より 1px 罫線で情報を仕切る。
   本文16px / 注記14px を最小値とする。 */
:root {
  /* --- 面 --- */
  --c-paper: #F2F2EF;        /* ページ地 */
  --c-surface: #FFFFFF;      /* カード・表・フォーム */
  --c-surface-2: #EAEAE6;    /* 表頭・見出し行 */
  --c-ink: #202124;          /* 文字・反転ブロックの地 */

  /* --- 罫線（このテンプレートの主役） --- */
  --c-line: #DCDCD7;
  --c-line-strong: #B9B9B3;
  /* ミドルグレー #8E8E8A は罫線・図版専用。#F2F2EF 上で 2.9:1 のため文字には使わない。 */
  --c-rule-mid: #8E8E8A;

  /* --- 文字（コントラストは #F2F2EF 上の実測値） ---
     #202124 = 15.6:1 / #4A4C50 = 7.7:1 / #6B6D70 = 4.6:1 */
  --c-fg: #202124;
  --c-fg-2: #4A4C50;
  --c-muted: #6B6D70;
  --c-on-ink: #F7F7F5;       /* チャコール地の上の文字 */
  --c-on-ink-2: #C4C5C7;     /* チャコール地の上の副文字（7.6:1） */

  /* --- 状態色（無彩色サイトのため最小限） --- */
  --c-ok: #2F6B4F;           /* 営業中・出勤あり（5.5:1） */
  --c-off: #8E8E8A;
  --c-alert: #A63127;        /* エラー・注意（6.1:1） */
  --c-focus: #202124;

  /* --- 角丸: 0 のみ（MASTER §8 / 罫線で整理する） --- */
  --radius: 0px;

  /* --- 影は1段階。カードは浮かせず罫線と余白で分ける --- */
  --shadow-1: 0 16px 48px rgba(32, 33, 36, 0.18);

  /* --- 寸法 --- */
  --w-page: 1160px;
  --w-text: 720px;
  --h-header: 76px;
  /* 固定CTAの実高 = --h-cta + 上辺1px。本文の可視領域を削りすぎないよう
     実高を 56px 以内へ収める（タップ領域 44px は確保する）。 */
  --h-cta: 54px;
  --tap: 44px;
  --grid-gap: 24px;

  /* --- 余白（ミニマル＝余白が広い） --- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 36px;
  --sp-7: 56px;
  --sp-8: 80px;
  --sp-9: 112px;

  /* --- 文字サイズ（最小14px） --- */
  --fs-note: 14px;
  --fs-body: 16px;
  --fs-lead: 17px;
  --fs-h4: 18px;
  --fs-h3: 20px;
  --fs-h2: clamp(23px, 2.4vw, 29px);
  --fs-h1: clamp(27px, 3.4vw, 38px);
  --fs-display: clamp(30px, 4.2vw, 46px);

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

  /* --- 書体: DM Sans + Noto Sans JP --- */
  --font-base: "DM Sans", "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  --font-num: "DM Sans", -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; }
}