/* SITE 84 — CABARET NAVY ELEGANT / design tokens
   配色: ネイビー #10213B / ホワイト #F5F7FA / ブラス #B38C55 / グレー #7C8798
   角丸は 8px のみ（MASTER §8: 1サイト内で混在させない）
   影は 2段階まで
   本文16px / 注記14px を最小値とする
   数字（電話・料金・日付・時刻）は --font-num + lining-nums / tabular-nums で統一する
   ---------------------------------------------------------------------------
   コントラスト（背景 #10213B に対する比・すべて 4.5:1 以上）
     #F5F7FA = 14.7:1 / #D5DCE6 = 11.0:1 / #93A0B2 = 6.0:1
     #B38C55 = 5.1:1  / #CBA46C = 6.8:1
   #7C8798（--c-line-strong の元色）は 4.3:1 のため罫線・アイコン専用とし、
   文字色には使わない。 */
:root {
  /* --- 面 --- */
  --c-bg: #10213B;
  --c-panel: #16294A;
  --c-panel-2: #1C3358;
  --c-inset: #0B1526;

  /* --- 罫線 --- */
  --c-line: #263C5E;
  --c-line-strong: #3A5075;

  /* --- 文字 --- */
  --c-fg: #F5F7FA;
  --c-fg-2: #D5DCE6;
  --c-muted: #93A0B2;

  /* --- アクセント（ブラス1色 + 状態色） --- */
  --c-accent: #B38C55;
  --c-accent-bright: #CBA46C;
  --c-accent-ink: #0B1526;
  --c-accent-soft: rgba(179, 140, 85, 0.14);
  --c-accent-line: rgba(179, 140, 85, 0.46);

  --c-ok: #7DC3A8;       /* 営業中・出勤あり */
  --c-off: #93A0B2;      /* 休業・出勤なし */
  --c-alert: #F2938A;    /* エラー・注意 */
  --c-focus: #CBA46C;

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

  /* --- 影（2段階） --- */
  --shadow-1: 0 1px 2px rgba(4, 10, 20, 0.5);
  --shadow-2: 0 18px 44px rgba(4, 10, 20, 0.6);

  /* --- 寸法 --- */
  --w-page: 1200px;
  --w-text: 760px;
  --h-header: 68px;   /* 2段ヘッダーのうち追従するナビ行（PC 64〜80px） */
  --h-infobar: 40px;  /* 1段目の店舗情報バー（追従しない） */
  --h-cta: 54px;      /* 固定CTA項目の最小高（実高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 / 本文16px を下限） --- */
  --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);

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

  /* --- 書体 ---
     欧文の見出し・ラベルのみ Manrope。和文・数字には使わない。 */
  --font-base: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  --font-display: "Manrope", "Segoe UI", "Noto Sans JP", Arial, sans-serif;
  --font-num: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;

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