/* =============================================================
   tokens.css — 設計 token
   くまげら（富良野・森と木）／莫蘭迪配色・極簡・大按鈕
   ============================================================= */

:root {
  /* --- 色 ---------------------------------------------------
     樹皮・苔・和紙・粘土。全部低彩度（莫蘭迪）。
     唯一的高彩度是 --kg-crest：クマゲラ頭頂的紅冠，
     只用於「選取中」的標記，其餘一律安靜。               */
  --kg-ink:        #2F2C27;   /* 樹皮／主要文字 */
  --kg-ink-soft:   #6E6A61;   /* 次要文字 */
  --kg-ink-faint:  #969187;   /* 說明文字 */

  --kg-paper:      #EAE7E0;   /* 頁面底 */
  --kg-surface:    #F5F3EF;   /* 卡片 */
  --kg-surface-2:  #DFDBD2;   /* 凹陷／未選 */
  --kg-line:       #D3CEC4;   /* 分隔線 */

  --kg-moss:       #6E7C68;   /* 主要動作（苔） */
  --kg-moss-deep:  #54604F;   /* 按下 */
  --kg-moss-tint:  #E2E6DE;   /* 淡底 */

  --kg-crest:      #A6392F;   /* クマゲラの赤い冠 — 選取標記專用 */
  --kg-clay:       #A88B7E;   /* 満席 */
  --kg-mute:       #BFB9AE;   /* 無法選擇 */

  --kg-focus:      #3B6E8F;   /* 鍵盤焦點（與其他狀態色明顯區隔） */

  /* --- 字 --------------------------------------------------- */
  --kg-font-display: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
  --kg-font-body: "Zen Kaku Gothic New", "Hiragino Sans", "Noto Sans JP",
                  "Yu Gothic", system-ui, sans-serif;
  --kg-font-num: "Zen Kaku Gothic New", ui-monospace, "SF Mono", Menlo, monospace;

  --kg-size-xs: 0.75rem;    /* 12 */
  --kg-size-sm: 0.8125rem;  /* 13 */
  --kg-size-md: 0.9375rem;  /* 15 */
  --kg-size-lg: 1.0625rem;  /* 17 */
  --kg-size-xl: 1.25rem;    /* 20 */
  --kg-size-2xl: 1.625rem;  /* 26 */

  --kg-leading-tight: 1.25;
  --kg-leading: 1.7;

  /* --- 間距（4 基準） --------------------------------------- */
  --kg-1: 4px;
  --kg-2: 8px;
  --kg-3: 12px;
  --kg-4: 16px;
  --kg-5: 24px;
  --kg-6: 32px;
  --kg-7: 48px;

  /* --- 形狀 -------------------------------------------------- */
  --kg-radius-sm: 6px;
  --kg-radius: 10px;
  --kg-radius-lg: 14px;

  /* 餐廳現場用平板／手機操作：最小觸控目標 48px */
  --kg-touch: 48px;

  --kg-shadow: 0 1px 2px rgba(47, 44, 39, 0.06),
               0 8px 20px -12px rgba(47, 44, 39, 0.18);

  /* --- 動態（克制） ------------------------------------------ */
  --kg-transition: 120ms ease-out;
}

@media (prefers-reduced-motion: reduce) {
  :root { --kg-transition: 0ms; }
}