/* 働物図鑑 — デザイントークン(派生物)
 * 正データ: core/web/tokens/dobutsu-zukan.md
 * このファイルの値を直接いじらない。トークン表を直してから反映する。 */

:root {
  /* 色ロール */
  --bg: #f7f2e6;
  --bg-alt: #ede4cf;
  --ink: #4a3a28;
  --ink-weak: #7d6b52;
  --accent: #f2c31c;
  --line: #d8c9a6;
  --overlay: rgba(38, 30, 18, 0.42);

  /* 補助色(世界の素材) */
  --sky: #a8c4d2;
  --grass: #7fa35a;
  --wood: #9a622a;
  --helmet: #f0b429;
  --safety: #5f9a3f;

  /* タイプロール */
  --font-sans: "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4", "BIZ UDPGothic",
    "Yu Gothic Medium", "Meiryo", system-ui, sans-serif;
  --display-size: 30px;
  --heading-size: 22px;
  --body-size: 15px;
  --caption-size: 12px;

  /* スペーシング(8段階) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 20px;
  --space-5: 32px;
  --space-6: 48px;
  --space-7: 72px;
  --space-8: 112px;

  /* モーション */
  --calm: 240ms cubic-bezier(0.2, 0.7, 0.3, 1);
  --expressive: 620ms cubic-bezier(0.3, 1.6, 0.4, 1);

  /* 角丸 */
  --radius: 12px;
  --radius-pill: 999px;
}

@media (min-width: 820px) {
  :root {
    --display-size: 44px;
    --heading-size: 28px;
    --body-size: 16px;
    --caption-size: 12.5px;
  }
}