/* ===================================================================
   デザイントークン（CSSカスタムプロパティ）
   ※ 色・サイズ・フォントはすべてここから参照する
   ※ 値は Figma（file: cILG2a6yhmzKEFkvRG2p21）から取得した実数
=================================================================== */
:root {
  /* --- カラー --- */
  --color-text-main: #2b1b00;   /* 本文・見出し全般 */
  --color-accent: #9a2a24;      /* 日付・ラベル・強調フレーズ */
  --color-text-white: #ffffff;  /* ボタン内テキスト */
  --color-beige: #cfbb91;       /* CHARACTER見出し・ASLEY透かし等の装飾 */
  --color-character-panel: #efe5c9; /* CHARACTERパネル背景（Figma 340:6271） */
  --color-gold: #966e28;        /* 罫線・区切り装飾 */
  --color-dark: #1a0e06;        /* 菱形ボタンの地色 */
  --color-parchment: #e7d8af;   /* 羊皮紙ベース（bg.png から採取） */

  /* --- フォント --- */
  --font-en: 'Cormorant Garamond', 'Times New Roman', serif;
  --font-ja: 'Noto Serif JP', 'Hiragino Mincho ProN', 'Yu Mincho', serif;

  /* --- レイアウト（Figma PC: 1728px キャンバス基準） --- */
  --frame-max: 108rem;        /* ページ最大幅 1728px */
  --content-ratio: 69.44%;      /* 本文幅 1200/1728 */
  --gutter-ratio: 15.28%;       /* 本文左端の位置 264/1728 */
  --side-frame: 7.1875rem;        /* 左右の金枠 115px（ヒーローのみ） */

  /* --- ヘッダー --- */
  --header-h: 10.0625rem;          /* コーナーメニュー領域 161px */
  --header-h-sp: 4.5625rem;        /* SP nav 73px */

  /* --- ブレークポイント（参考値・メディアクエリで使用） --- */
  --bp-sp: 1023px;
}