/* SITE 85 — CABARET PHOTO FIRST / design tokens
   配色（SITE仕様）: ダークブラウン #171411 / クリーム #F0E8DA / ブロンズ #A78253 / グレージュ #7A7168
   書体（SITE仕様）: DM Sans + Noto Sans JP（いずれもシステムフォントへフォールバック）

   角丸は 8px の1値のみ（MASTER §8: 1サイト内で混在させない）。
   影は 2段階まで。写真が主役のためカードは影で浮かせず、罫線と背景差で分ける。
   本文16px / 注記14px を最小値とする。 */
:root {
  /* --- 面 --- */
  --c-bg: #171411;
  --c-bg-2: #1E1A16;
  --c-bg-3: #262119;
  --c-bg-inset: #100D0B;

  /* --- 罫線 --- */
  --c-line: #2E2820;
  --c-line-strong: #453C31;

  /* --- 文字（対 #171411 のコントラスト比）---
     #F0E8DA = 15.4:1 ／ #D6CCBB = 11.5:1 ／ #A79E93 = 6.9:1（いずれも 4.5:1 以上） */
  --c-fg: #F0E8DA;
  --c-fg-2: #D6CCBB;
  --c-muted: #A79E93;

  /* --- アクセント（ブロンズ1色）---
     #C79E6A = 7.5:1（文字に使える） ／ #A78253 = 5.2:1（文字・罫線・面に使える）
     グレージュ #7A7168 は 3.8:1 のため文字色に使わず、罫線と図版だけに使う */
  --c-accent: #A78253;
  --c-accent-bright: #C79E6A;
  --c-accent-ink: #16110B;
  --c-accent-soft: rgba(167, 130, 83, 0.16);
  --c-accent-line: rgba(167, 130, 83, 0.48);
  --c-greige: #7A7168;

  --c-ok: #85C3A2;      /* 営業中・出勤あり */
  --c-off: #B4ADA4;     /* 休業・出勤なし */
  --c-alert: #E8907E;   /* エラー・注意（対 #171411 で 6.0:1） */
  --c-focus: #E3BE86;

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

  /* --- 影（2段階） --- */
  --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.5);
  --shadow-2: 0 16px 40px rgba(0, 0, 0, 0.58);

  /* --- 寸法 --- */
  --w-page: 1240px;
  --w-text: 760px;
  --h-header: 68px;   /* PCヘッダー 64〜80px（MASTER §6） */
  --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: 84px;

  /* --- 文字サイズ（本文16px / 注記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(29px, 4.2vw, 45px);

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

  /* --- 書体 --- */
  --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;

  /* 電話・料金・日付に old-style 数字を使わない */
  --num-feature: lining-nums tabular-nums;

  /* --- モーション（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; }
}