/* デザインの決まり（設計書 05_デザインの決まり.png）。色・文字・余白はここだけで定義し、各セクションは変数で参照する */
:root {
  --ink: #0B0B0C;
  --ink-2: #141416;
  --paper: #F7F6F3;
  --paper-2: #EFEDE8;
  --gold: #C9A15A;
  --gold-light: #E8CC8A;
  --gold-deep: #9C7A3C;
  --text: #1A1A1A;
  --muted: #6B6B6B;
  --line: #E5E2DC;
  --line-dark: rgba(232, 204, 138, 0.18);
  --on-dark: #F2EFE8;
  --on-dark-muted: rgba(242, 239, 232, 0.62);

  /* 書体は2つに絞る：見出し＝しっぽり明朝 B1（英数字も）、本文＝Zen角ゴシック New */
  --font-serif: "Shippori Mincho B1", "Yu Mincho", "Hiragino Mincho ProN", serif;
  --font-sans: "Zen Kaku Gothic New", "Hiragino Sans", "Yu Gothic", sans-serif;
  --font-latin: "Shippori Mincho B1", "Yu Mincho", serif;

  --fs-eyebrow: 0.8125rem;
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-h3: clamp(1.25rem, 1.05rem + 0.6vw, 1.5rem);
  --fs-h2: clamp(1.75rem, 1.3rem + 1.6vw, 2.75rem);
  --fs-h1: clamp(2.25rem, 1.4rem + 3.6vw, 4.5rem);
  --fs-numeral: clamp(2.75rem, 2rem + 2.4vw, 4.5rem);

  --gutter: clamp(16px, 4vw, 48px);
  --container: 1200px;
  --section-pad: clamp(88px, 10vw, 160px);
  --rule: 1px solid var(--line);
  --rule-gold: 1px solid var(--gold);

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur: 0.9s;

  --z-stage: 1;
  --z-content: 2;
  --z-header: 50;
}