/* ==========================================================================
   SITE 122 / BAR STANDARD DARK — デザイントークン
   配色: ブラック #151515 / クリーム #F0E8DA / アンバー #C28B43 / ブラウン #5D4636
   書体: Cormorant Garamond（見出し英字）＋ Noto Sans JP（本文）
   角丸は 4px に統一。影は2段階まで。
   ========================================================================== */
:root {
  /* --- 色 --- */
  --c-bg:        #151515;
  --c-bg-raise:  #1c1b19;   /* カード */
  --c-bg-sink:   #100f0e;   /* ヘッダー・フッター */
  --c-bg-inset:  #232120;   /* 表のヘッダ・タブ非選択 */
  --c-line:      #3a3532;
  --c-line-soft: #2a2725;

  --c-text:      #F0E8DA;   /* 対 #151515 = 15.2:1 */
  --c-text-2:    #C9BDA9;   /* 対 #151515 = 10.0:1 */
  --c-text-3:    #A4988A;   /* 対 #151515 = 6.6:1 （注記の下限） */

  --c-amber:     #C28B43;   /* 対 #151515 = 6.2:1 */
  --c-amber-lt:  #D9A761;   /* 対 #151515 = 8.9:1 リンク・フォーカス */
  --c-amber-dk:  #8C6027;
  --c-brown:     #5D4636;
  --c-ok:        #7FBF8A;
  --c-warn:      #E8A15C;
  --c-error:     #F0968A;   /* 暗色背景でのエラー文字 */

  --c-on-amber:  #16120C;   /* アンバー地の文字 */

  /* --- 書体 --- */
  --ff-display: "Cormorant Garamond", "Times New Roman", "Hiragino Mincho ProN", 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.35;

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

  /* --- 形 --- */
  --radius: 4px;
  --shadow-1: 0 1px 2px rgba(0, 0, 0, .5);
  --shadow-2: 0 12px 32px rgba(0, 0, 0, .55);
  --focus: 0 0 0 3px rgba(217, 167, 97, .95);

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

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