/* ui/tokens.css — 設計變數。Claude Design 換皮時只換這裡與 ui/app.css，不碰 index.html 的結構與 engine/。 */
:root {
  /* 色 */
  --bg: #f6f3ec;
  --surface: #ffffff;
  --surface-2: #f1ede4;
  --ink: #1d2a27;
  --ink-2: #6b7672;
  --line: #e6e1d6;
  --brand: #16302b;
  --brand-ink: #f3efe6;
  --accent: #c2552d;
  --accent-soft: #f6dfd3;
  --ok: #2f6f5e;
  --ok-soft: #dcece6;
  --warn: #d9a441;
  --danger: #b3261e;
  /* 分類色（五種） */
  --cat-food: #c2552d;
  --cat-cafe: #8a6a3d;
  --cat-sight: #2f6f5e;
  --cat-shop: #5b5f9e;
  --cat-other: #6d6d6d;
  /* 字 */
  --font: -apple-system, "PingFang TC", "Noto Sans TC", system-ui, sans-serif;
  --fs-xs: 11px; --fs-sm: 12px; --fs-md: 15px; --fs-lg: 17px; --fs-xl: 22px;
  /* 間距、圓角、陰影 */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 24px;
  --r-sm: 8px; --r-md: 12px; --r-lg: 18px; --r-pill: 999px;
  --shadow-1: 0 1px 4px rgba(0,0,0,.12);
  --shadow-2: 0 6px 18px rgba(0,0,0,.18);
  --shadow-sheet: 0 -8px 30px rgba(0,0,0,.2);
  --safe-b: env(safe-area-inset-bottom, 0px);
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #14181a; --surface: #1e2426; --surface-2: #262d30; --ink: #eef0ee; --ink-2: #9aa5a1; --line: #303839;
    --brand: #0f211d; --brand-ink: #e6efe9; --accent: #e07a55; --accent-soft: #3a2a24; --ok: #6cc3a6; --ok-soft: #1f3a32;
    --shadow-1: 0 1px 4px rgba(0,0,0,.5); --shadow-2: 0 6px 18px rgba(0,0,0,.6);
  }
}