/* 絵本のぬくもり / picture-book-warm — design tokens */
:root {
  --color-bg: #fbf6ec;       /* クリーム紙（純白#fffは使わない） */
  --color-bg-alt: #f3e7d2;   /* 節替えの濃いクリーム */
  --color-text: #4a3f35;     /* 茶インク（純黒#000は使わない） */
  --color-text-weak: #8a7a68;  /* 装飾ラベル専用（chip/lbl等の短い添え字）。本文の弱色には使わない（背景比 約3.85:1でAA未達） */
  --color-text-soft: #6b5d4c;  /* 本文の弱色。--color-bg 上で約5.9:1（WCAG AA 4.5:1以上）。p タグ等の本文はこちら */
  --color-coral: #e8896b;    /* 柿色コーラル。主役アクセント。面色（塗り・イラスト・境界線）専用。文字色にはしない */
  --color-mustard: #edb95e;  /* マスタード。面色（塗り・イラスト）専用 */
  --color-sage: #82a98a;     /* セージ緑。面色（塗り・イラスト）専用。文字色にはしない（--color-bg比 約2.9:1でAA未達） */
  --color-sage-ink: #4c6b52;  /* セージを文字用に沈めた専用インク。--color-bg (#fbf6ec) 上で実測 約5.5:1（AA適合）。eyebrow・時刻ラベル等の短文字に使う */
  --color-coral-ink: #a8452a; /* コーラルを文字用に沈めた専用インク。--color-bg (#fbf6ec) 上で実測 約5.5:1（AA適合）。ghostボタン文字・テキストリンクに使う */
  --color-coral-ink-hover: #8a3720; /* coral-ink のホバー用、さらに一段沈めた値。--color-bg 上で実測 約7.4:1 */
  --color-sage-deep: #375339; /* フッター背景専用の深緑。--color-bg（クリーム文字）比 実測 約7.9:1、--color-mustard（ホバー文字）比 実測 約4.8:1。どちらもAA適合 */

  /* 変数には総称ファミリを含めない */
  --font-heading: "Zen Maru Gothic"; /* 丸ゴシック。まるさが世界観の核 */
  --font-body: "Zen Maru Gothic";
  --font-latin: "Fredoka";           /* 丸みのある欧文。Interを使わないための要 */

  --space-unit: 8px;
  --radius: 22px;            /* 大きめの角丸。まるさを惜しまない */
  --max-width: 900px;
  --measure: 640px;         /* 本文カラムの最大幅 */
}