:root {
  /* ===== Color: 主色系（沙色） ===== */
  --color-primary: rgb(220, 203, 161);
  --color-primary-dark: rgb(196, 178, 135);
  --color-primary-light: rgb(238, 228, 201);
  --color-primary-50: rgba(220, 203, 161, 0.18);
  --color-primary-100: rgba(220, 203, 161, 0.4);

  /* ===== Color: 字樣色（墨綠） ===== */
  --color-ink: rgb(55, 87, 81);
  --color-ink-dark: rgb(38, 62, 58);
  --color-ink-muted: rgb(120, 140, 135);

  /* ===== Color: 表面與狀態 ===== */
  --color-bg: rgb(250, 247, 239);
  --color-surface: #ffffff;
  --color-border: rgba(55, 87, 81, 0.15);
  --color-danger: #b84a3e;
  --color-danger-soft: rgba(184, 74, 62, 0.08);
  --color-success: #4a7c59;
  --color-success-soft: rgba(74, 124, 89, 0.1);

  /* ===== Z-index scale ===== */
  --z-base: 0;
  --z-dropdown: 10;
  --z-sticky: 20;
  --z-backdrop: 30;
  --z-sidebar: 40;
  --z-modal: 50;
  --z-toast: 60;

  /* ===== Radius ===== */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-pill: 999px;

  /* ===== Shadow ===== */
  --shadow-sm: 0 1px 3px rgba(55, 87, 81, 0.05);
  --shadow-md: 0 2px 6px rgba(55, 87, 81, 0.12);
  --shadow-lg: 0 8px 24px rgba(55, 87, 81, 0.16);

  /* ===== Motion ===== */
  --motion-fast: 120ms;
  --motion-base: 180ms;
  --motion-slow: 220ms;
  --easing-standard: cubic-bezier(0.2, 0, 0, 1);

  /* ===== Spacing ===== */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;

  /* ===== Typography ===== */
  --font-family-base: "PingFang TC", "Noto Sans TC", -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif;
}