/* ==========================================================================
   tokens.css — デザイントークン（色・字形・動き）
   ここの値を変えるだけで全体のトーンが変わる。個別CSSに直値を書かない。
   ========================================================================== */
:root {
  /* --- 色（Japandi） --- */
  --paper: #FBF8F3;              /* オフホワイト（地） */
  --paper-deep: #F3EDE2;         /* 一段深い紙色 */
  --sage: #D9E2DA;               /* 未選択バーのセージ緑（上端） */
  --sage-deep: #C2D0C5;          /* 未選択バーのセージ緑（下端） */
  --ink: #46320F;                /* ダークブロンズ（主文字色） */
  --ink-soft: rgba(70, 50, 15, .80);
  --ink-faint: rgba(70, 50, 15, .70); /* 小さい補足文でもコントラスト比4.7:1（AA）を確保 */
  --line: rgba(70, 50, 15, .26); /* ヘアライン */
  --green: #2D4A3E;              /* フォレストグリーン（主要アクション） */
  --green-deep: #223A2F;
  --gold: #AC8A4E;               /* ゴールド（進捗・区切り線・装飾） */
  --gold-soft: #C8AB77;
  --gold-deep: #8F6B2E;          /* 明るい地に置く金の文字用（視認性） */
  --gold-pale: rgba(172, 138, 78, .16); /* 金のハロー・淡い光 */
  --shadow-green: rgba(45, 74, 62, .24); /* 主要ボタンの影 */

  /* --- 字（HP本番と同じ組み合わせ） --- */
  --font-serif: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
  --font-sans: "Zen Kaku Gothic New", -apple-system, "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
  --font-latin: "Cormorant Garamond", "Shippori Mincho", serif; /* 欧文アクセント */
  --fs-body: .875rem;            /* 14px */
  --lh-body: 1.9;

  /* --- 動き --- */
  --ease-spring: cubic-bezier(.34, 1.56, .64, 1); /* バーの伸び */
  --ease-glide: cubic-bezier(.22, 1, .36, 1);     /* 画面スライド */
  --dur-sweep: .6s;   /* 評価後の金プログレス */
  --dur-slide: .56s;  /* 画面遷移 */
}