:root {
  --bg-canvas: #f4f1ea;
  --bg-surface: rgba(255, 252, 247, 0.92);
  --bg-surface-strong: #fffdf9;
  --bg-muted: #ebe7df;
  --bg-panel: #f8f6f2;
  --text-strong: #171717;
  --text-primary: #262626;
  --text-secondary: #666257;
  --text-muted: #8a8578;
  --line-soft: rgba(44, 42, 38, 0.09);
  --line-strong: rgba(44, 42, 38, 0.16);
  --accent: #50667d;
  --accent-strong: #35485d;
  --accent-soft: rgba(80, 102, 125, 0.1);
  --success: #5f816c;
  --success-soft: rgba(95, 129, 108, 0.12);
  --warning: #ae7c49;
  --warning-soft: rgba(174, 124, 73, 0.12);
  --danger: #9d5f5b;
  --danger-soft: rgba(157, 95, 91, 0.12);
  --shadow-sm: 0 10px 30px rgba(39, 36, 29, 0.04);
  --shadow-md: 0 18px 50px rgba(39, 36, 29, 0.08);
  --shadow-lg: 0 24px 80px rgba(39, 36, 29, 0.1);
  --radius-xs: 12px;
  --radius-sm: 18px;
  --radius-md: 24px;
  --radius-lg: 32px;
  --max-width: 1200px;
  --font-sans: "Segoe UI Variable", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;
  --font-serif: "Iowan Old Style", "Palatino Linotype", "Noto Serif TC", serif;
  --transition: 180ms ease;
}