/* ============================================================
   彰顯豐味 · 數位暖心 — 設計系統 Tokens
   「Ink & Paper（紙墨）」設計語言
   ============================================================ */
:root {
  /* 墨色層次 Ink（偏中性暖灰，搭配灰藍更協調） */
  --ink:    #211d18;
  --ink2:   #4f483f;
  --ink3:   #8a8276;

  /* 紙質底色 Paper（改為偏灰的暖白 greige，壓下「太黃」） */
  --paper:  #f4f2ec;
  --paper2: #ece8e0;
  --paper3: #ddd8cd;
  --paper-warm: #efeae0;

  /* 強調色 Accent — 橘黃為主色，灰藍為搭配色 */
  --gold:   #ef9a1e;          /* 主色：橘黃 */
  --gold2:  #fbbf24;
  --slate:  #4f6f8a;          /* 搭配色：灰藍 */
  --slate2: #3a566e;          /* 灰藍深版 */
  --red:    #c0392b;
  --teal:   #1a7a6e;
  --blue:   #1a4a7a;
  --purple: #5a2d82;

  /* 超淡版（提示框 / 標籤底） */
  --gold-bg:   rgba(239,154,30,0.14);
  --slate-bg:  rgba(79,111,138,0.13);
  --red-bg:    rgba(192,57,43,0.10);
  --teal-bg:   rgba(26,122,110,0.10);
  --blue-bg:   rgba(26,74,122,0.10);
  --purple-bg: rgba(90,45,130,0.10);

  /* 字體：粗一點、圓一點（Baloo 2 圓體 + Noto Sans TC 粗體） */
  --font-serif: "Baloo 2", "Noto Sans TC", "PingFang TC", sans-serif; /* 主要字體（圓潤） */
  --font-sans:  "Baloo 2", "Noto Sans TC", "PingFang TC", sans-serif; /* 介面字體 */
  --font-mono:  "DM Mono", "Courier New", monospace;

  /* 間距尺度（4px 基數） */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-10: 40px;
  --space-16: 64px;

  /* 圓角 */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 26px;

  /* 陰影（扁平化，僅極淡層次） */
  --shadow-sm: 0 1px 3px rgba(120,72,10,0.06);
  --shadow-md: 0 6px 18px rgba(120,72,10,0.10);
  --shadow-lg: 0 16px 40px rgba(120,72,10,0.16);

  /* 聚焦光暈 */
  --focus-ring: 0 0 0 3px rgba(239,154,30,0.18);
}