/* SITE 94 CABARET MATURE CLASSIC — design tokens
   配色: ダークブラウン #2B2521 / アイボリー #F3EDE2 / オリーブ #686B55 / ブラス #9D804A
   書体: Shippori Mincho（見出し・本文の読み物）＋ Noto Sans JP（UI・数値）
   明暗は neutral。地はアイボリー、ヘッダーとフッターだけをダークブラウンの帯にして
   明色サイト（83 / 86）とも暗色サイト（82 / 84 / 85）とも別の見え方にする。
   角丸は 0 のみ（1サイト内で混在させない）。派手さを抑えるため面の浮きも使わない。 */

:root {
  /* --- color --- */
  --c-paper: #F3EDE2;        /* ページ背景（アイボリー） */
  --c-paper-2: #EDE5D8;      /* セクション背景（1段沈める） */
  --c-card: #FBF7EF;         /* カード面・入力欄 */
  --c-ink: #2B2521;          /* 主要文字（対 #F3EDE2 約 13.0:1） */
  --c-ink-2: #463D35;        /* 見出し補助（対 #F3EDE2 約 9.4:1） */
  --c-muted: #5F5750;        /* 補助文字（対 #F3EDE2 約 6.1:1） */
  --c-brass: #9D804A;        /* 罫線・装飾のみ（文字には使わない） */
  --c-brass-deep: #7A6134;   /* 文字・リンク（対 #F3EDE2 約 5.0:1） */
  --c-brass-light: #C9AA6B;  /* ダークブラウン面の上の文字（約 6.9:1） */
  --c-olive: #686B55;        /* アクセント2（対 #F3EDE2 約 4.7:1） */
  --c-olive-deep: #4E5140;   /* アクセント2の押下・面（対 #F3EDE2 約 7.1:1） */
  --c-line: #D9CEBB;
  --c-line-strong: #B9A98F;
  --c-dark: #2B2521;         /* ヘッダー・フッター・ヒーロー情報帯 */
  --c-dark-2: #362E29;
  --c-on-dark: #F3EDE2;
  --c-on-dark-muted: #C4B9A9; /* ダーク面の補助文字（約 8.0:1） */
  --c-ok: #3F6B4A;           /* 営業中（対 #F3EDE2 約 5.3:1） */
  --c-alert: #A3342B;        /* エラー・休業（対 #F3EDE2 約 5.9:1） */
  --c-on-accent: #FBF7EF;

  /* --- typography --- */
  --f-serif: "Shippori Mincho", "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;
  --f-sans: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;

  --fs-body: 1rem;         /* 16px */
  --fs-body-lg: 1.0625rem; /* 17px 長文（コンセプト本文） */
  --fs-note: 0.875rem;     /* 14px 注記の下限 */
  --fs-label: 0.9375rem;   /* 15px */
  --fs-h1: clamp(1.75rem, 1.3rem + 1.8vw, 2.625rem);
  --fs-h2: clamp(1.375rem, 1.16rem + 0.85vw, 1.9375rem);
  --fs-h3: clamp(1.125rem, 1.04rem + 0.34vw, 1.375rem);
  --fs-h4: 1.0625rem;
  --fs-eyebrow: 0.8125rem;  /* 13px 装飾英字ラベルのみ。同内容は必ず通常サイズで併記する */
  --fs-stat: clamp(1.625rem, 1.3rem + 1.3vw, 2.25rem);

  --lh-tight: 1.34;
  --lh-heading: 1.5;
  --lh-body: 1.85;      /* 明朝を使うため本文行間は 1.65 以上を確保する */
  --lh-prose: 1.95;
  --lh-dense: 1.6;

  --ls-nav: 0.03em;
  --ls-eyebrow: 0.18em;
  --ls-body: 0.012em;

  /* --- spacing --- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --section-y: clamp(46px, 5.2vw, 80px);

  /* --- layout --- */
  /* 1120px 中央コンテナ（82 の 1200px より狭くし、文章の1行長を抑える） */
  --container: 1120px;
  --container-narrow: 800px;
  --container-prose: 720px;
  --gutter: clamp(16px, 3.4vw, 28px);
  /* PCヘッダーは MASTER §6 の 64〜80px に収める（実測 76px） */
  --header-h: 76px;
  /* アンカー着地位置。ヘッダー実測高＋余白。1023px以下は responsive.css で 84px へ */
  --anchor-offset: 96px;
  /* 固定CTA。バー全体 = 上罫線1px + padding 3px×2 + タップ領域 48px = 55px（48〜56px） */
  --cta-h: 55px;
  --cta-tap: 48px;
  --cta-pad: 3px;

  /* --- radius（0 のみ。1サイト内で混在させない） --- */
  --r-s: 0;
  --r-m: 0;

  /* --- shadow（2段階まで。通常は罫線と背景差で表現する） --- */
  --sh-1: 0 1px 0 rgba(43, 37, 33, 0.06);
  --sh-2: 0 12px 34px rgba(43, 37, 33, 0.22);

  /* --- motion（1種類: fade+slide） --- */
  --dur: 180ms;
  --dur-slow: 360ms;
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);

  --z-header: 60;
  --z-sticky: 50;
  --z-cta: 70;
  --z-drawer: 90;
  --z-modal: 100;
}

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