/* ============================================================
   排桌入座｜設計 token（/assets/tokens.css）

   色、字、圓角、陰影只有這一份。工具（app.css）、場景頁（scene.css）、
   行銷頁與內容頁（site.css）、頂欄頁尾（chrome.css）都引用這裡的變數。
   規範在 docs/DESIGN.md §1–§3。匯出 PNG 的顏色在 export.js 還有一份（canvas 讀不到 CSS 變數），改一邊要改另一邊。
   ============================================================ */

:root {
  /* 品牌 */
  --yellow: #FFD60A;
  --yellow-hover: #F5C800;
  --yellow-soft: #FFF1A8;
  --ink: #141414;
  --paper: #FAFAF7;
  --surface: #FFFFFF;
  /* 石墨灰階 */
  --ink-2: #3A3A36;
  --ink-3: #6B6B64;
  --ink-4: #9C9B93;
  --line: #E6E5DF;
  --line-2: #CFCEC6;
  --fill: #F1F0EA;
  /* 狀態 */
  --ok: #138A45;  --ok-soft: #E3F5EA;
  --warn: #A84800; --warn-soft: #FFEEDD;
  --err: #D12C1F; --err-soft: #FDE9E7;
  /* 形狀 */
  --r-sm: 8px; --r-md: 14px; --r-lg: 22px; --r-pill: 999px;
  --shadow-1: 0 1px 2px rgba(20,20,20,.06), 0 4px 14px rgba(20,20,20,.06);
  --shadow-2: 0 8px 28px rgba(20,20,20,.16);
  /* 字 */
  --font: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", system-ui, -apple-system, sans-serif;
  --font-num: "Archivo", "Noto Sans TC", system-ui, sans-serif;
}