/* ═══════════════════════════════════════════
   琥珀楼 — config.css
═══════════════════════════════════════════ */
:root {

  /* ── カラー ── */
  --black:       #1A1814;
  --amber:       #D4B87A;
  --ivory:       #F2EAD8;
  --brown:       #7A7060;
  --white:       #FFFFFF;
  --amber-dark:  #A8893A;
  --amber-light: #EDD99A;

  /* ── フォント ── */
  --font-mincho: 'Shippori Mincho', serif;
  --font-serif:  'Cormorant Garamond', serif;
  --font-sans:   'Noto Sans JP', sans-serif;

  /* ── レイアウト ──
     .inner で管理。ここだけ変えれば全セクション反映 */
  --content-w: 1000px;  /* コンテンツ最大幅 */
  --section-py: 100px;  /* セクション上下余白 */

  /* ── トランジション ── */
  --ease:     cubic-bezier(0.25, 0.1, 0.25, 1);
  --ease-out: cubic-bezier(0.0, 0.0, 0.2, 1);
  --ease-soft: cubic-bezier(0.22, 0.61, 0.36, 1);  /* reveal用：やわらかく減速 */
}