/* EAT LOCAL ITO デザイントークン。正は docs/design/DESIGN.md §3 */
:root {
  /* ブランド 3 色（ワイヤー §5） */
  --color-bg: #F6F2E9;             /* 生成り: ページ背景 */
  --color-text: #2B2B2B;           /* 墨黒: 本文・見出し */
  --color-primary: #2F4F3E;        /* 深緑: 主要アクション・ラベル英字・選択状態 */

  /* 派生色 */
  --color-surface: #FFFFFF;        /* 入力欄・カード・表 */
  --color-surface-muted: #EDE7DA;  /* 生成りの一段濃い面（お知らせバー・補助ブロック） */
  --color-primary-soft: #E3EBE5;   /* 深緑の淡い面（「買える場所」欄・開催予定バッジ） */
  --color-primary-hover: #243D30;
  --color-primary-contrast: #FFFFFF;
  --color-text-muted: #5A5750;
  --color-border: #D6CFC0;
  --color-border-strong: #2B2B2B;  /* 入力欄の枠 */
  --color-danger: #A8261E;
  --color-danger-surface: #FBECEA;
  --color-focus: #A65F12;          /* フォーカスリング専用 */

  /* 書体: 見出しは明朝、本文はゴシック */
  --font-display: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;
  --font-body: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "YuGothic", "Noto Sans JP", Meiryo, sans-serif;
  --font-latin: "Noto Serif JP", Georgia, serif;   /* EAT LOCAL ITO・セクション英字ラベル */
  --line-height-body: 1.8;

  /* タイプスケール(rem) */
  --text-xs: 0.8125rem; --text-sm: 0.9375rem; --text-md: 1.0625rem;
  --text-lg: 1.25rem;   --text-xl: 1.625rem;  --text-2xl: 2.25rem; --text-3xl: 3.25rem;

  /* 余白(8pt グリッド) */
  --space-1: 4px;  --space-2: 8px;  --space-3: 16px; --space-4: 24px;
  --space-5: 32px; --space-6: 48px; --space-7: 64px; --space-8: 96px;

  /* 形・動き */
  --radius-sm: 4px; --radius-md: 6px;
  --border-input: 2px;
  --focus-ring: 3px solid var(--color-focus);
  --motion-fast: 120ms;
  --content-width: 640px;          /* フォーム本文幅 */
  --site-width: 1080px;            /* トップの本文幅 */
  --admin-width: 1280px;
}