/* SITE 79 — HOST VIDEO INTRO / design tokens
   配色: ブラック #121212 / オフホワイト #F2F2EF / バイオレット #8D6CFF / スレート #5C6370
   角丸は 12px のみ（MASTER §8: 1サイト内で混在させない）
   影は 2段階まで
   本文16px / 注記14px を最小値とする

   コントラスト（背景 #121212 上）
     #F2F2EF 16.9:1 / #C9C9CF 11.0:1 / #979AA1 6.5:1
     #A98CFF 6.9:1 / #8D6CFF 5.3:1 / #F08A7E 7.6:1 / #74D7A6 9.6:1
   スレート #5C6370 は本文に使わない（罫線・SVG・装飾のみ）。 */
:root {
  /* --- 面 --- */
  --c-bg: #121212;
  --c-bg-2: #191919;
  --c-bg-3: #202024;
  --c-bg-inset: #0C0C0D;

  /* --- 罫線 --- */
  --c-line: #2C2C31;
  --c-line-strong: #3D3D44;
  --c-slate: #5C6370;   /* 罫線・SVG・装飾専用。文字に使わない */

  /* --- 文字 --- */
  --c-fg: #F2F2EF;
  --c-fg-2: #C9C9CF;
  --c-muted: #979AA1;

  /* --- アクセント（バイオレット1色 + 状態色） --- */
  --c-accent: #8D6CFF;
  --c-accent-bright: #A98CFF;
  --c-accent-ink: #16102E;
  --c-accent-soft: rgba(141, 108, 255, 0.15);
  --c-accent-line: rgba(141, 108, 255, 0.46);

  --c-ok: #74D7A6;      /* 営業中・出勤あり・再生中 */
  --c-off: #B0B4BC;     /* 休業・出勤なし・停止中 */
  --c-alert: #F08A7E;   /* エラー・注意 */
  --c-focus: #A98CFF;

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

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

  /* --- 寸法 --- */
  --w-page: 1240px;
  --w-text: 760px;
  --h-header: 68px;   /* PC 64〜80px の範囲内 */
  --h-cta: 54px;      /* 固定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(24px, 2.5vw, 31px);
  --fs-h1: clamp(28px, 3.8vw, 42px);
  --fs-display: clamp(31px, 4.8vw, 50px);

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

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

  /* --- モーション（fade-up と 再生プレビューの2種類まで） --- */
  --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; }
}

/* 数字（料金・時刻・電話）はライニング数字＋等幅で桁を揃える */
.num {
  font-family: var(--font-num);
  font-variant-numeric: lining-nums tabular-nums;
  font-feature-settings: "lnum" 1, "tnum" 1;
}