/* ==========================================================================
   SITE 125 / BAR RESERVATION & PRIVATE — デザイントークン
   配色: ディープグリーン #183129 / クリーム #F1E8D9 / ブロンズ #96704C / ブラック #121512
   書体: Manrope（見出し英字・数字）＋ Noto Sans JP（本文）
   角丸は 4px に統一。影は2段階まで。
   ========================================================================== */
:root {
  /* --- 色 --- */
  --c-bg:        #183129;   /* ディープグリーン */
  --c-bg-raise:  #1f3d33;   /* カード */
  --c-bg-sink:   #121512;   /* ヘッダー・フッター（ブラック） */
  --c-bg-inset:  #24463b;   /* 表のヘッダ・タブ非選択 */
  --c-line:      #3c5c50;
  --c-line-soft: #2b463c;

  --c-text:      #F1E8D9;   /* クリーム。対 #183129 ≒ 12.8:1 */
  --c-text-2:    #CBBFA6;   /* 対 #183129 ≒ 8.6:1 */
  --c-text-3:    #9FB0A5;   /* 対 #183129 ≒ 6.1:1（注記の下限） */

  --c-bronze:    #B0854F;   /* 対 #183129 ≒ 5.3:1（本文中でも読める濃さへ調整） */
  --c-bronze-lt: #CDA06B;   /* 対 #183129 ≒ 7.4:1 リンク・フォーカス */
  --c-bronze-dk: #6E4F32;
  --c-ok:        #8FCB9A;
  --c-warn:      #E8B15C;
  --c-error:     #F0A08F;   /* 暗色背景でのエラー文字 */

  --c-on-bronze: #1B140D;   /* ブロンズ地の文字 */

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

  --fz-body:   1rem;      /* 16px */
  --fz-note:   0.875rem;  /* 14px — 注記の下限 */
  --fz-lead:   1.0625rem; /* 17px */
  --fz-h1:     clamp(1.75rem, 1.2rem + 2.2vw, 2.75rem);
  --fz-h2:     clamp(1.375rem, 1.1rem + 1.1vw, 1.875rem);
  --fz-h3:     clamp(1.125rem, 1.05rem + 0.4vw, 1.3125rem);
  --lh-body:   1.75;
  --lh-tight:  1.32;

  /* --- 余白・幅 --- */
  --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;
  --container: 1160px;
  --gutter: 20px;
  --header-h: 72px;
  --cta-h: 60px;

  /* --- 形 --- */
  --radius: 4px;
  --shadow-1: 0 1px 2px rgba(0, 0, 0, .5);
  --shadow-2: 0 14px 34px rgba(0, 0, 0, .5);
  --focus: 0 0 0 3px rgba(205, 160, 107, .95);

  --dur: .3s;
  --ease: cubic-bezier(.22, .61, .36, 1);
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur: .001s; }
}