/* 樹子訂餐 — 設計 tokens
   數值取自 Design 畫布的 treeseeddining 設計系統（project/ds/treeseeddining/tokens.json）
   之後若視覺系統調整，改這個檔案即可全站套用。 */
:root {
  /* color — 規劃文件裡指定的三個品牌色，維持原本的變數名稱方便對照文件 */
  --color-orange: #F28F24;
  --color-yellow-green: #EEEA3B;
  --color-green: #A1CB35;

  /* color */
  --surface: #FDF8EE;
  --surface-raised: #FFFFFF;
  --surface-sunken: #F5EEDD;
  --border: #EFE6D2;
  --border-strong: #A08C68;
  --ink: #2B2118;
  --ink-muted: #6B5F52;
  --brand-orange: #F28F24;
  --brand-orange-hover: #D97E15;
  --brand-orange-strong: #A85A12;
  --brand-orange-strong-hover: #96521A;
  --brand-yellow: #EEEA3B;
  --brand-green: #A1CB35;
  --brand-green-strong: #5B7A1E;
  --danger: #B8391F;
  --on-brand-green-strong: #FFFFFF;
  --on-danger: #FFFFFF;

  /* type */
  --font-sans: 'Noto Sans TC', system-ui, -apple-system, 'PingFang TC', 'Microsoft JhengHei', sans-serif;
  --font-display: 'Baloo 2', 'Noto Sans TC', system-ui, -apple-system, 'PingFang TC', 'Microsoft JhengHei', sans-serif;

  /* spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;

  /* radius */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 24px;
  --radius-full: 999px;

  /* shadow */
  --shadow-card: 0 2px 8px rgba(43, 33, 24, 0.08);
  --shadow-raised: 0 8px 24px rgba(43, 33, 24, 0.14);
}