:root {
  --color-bg: #ffffff;
  --color-bg-soft: #f7f7f7;
  --color-bg-card: #f5f5f5;
  --color-text: #1a1a1a;
  --color-text-secondary: #666666;
  --color-text-muted: #999999;
  --color-border: #e0e0e0;
  --color-border-strong: #d0d0d0;
  --color-btn: #8a8a8a;
  --color-btn-hover: #6f6f6f;
  --color-btn-text: #ffffff;
  --color-btn-secondary-bg: #ffffff;
  --color-focus: #333333;
  --color-error: #8b3a3a;
  --color-success: #3a6b4a;
  --color-grid: #ececec;

  --font-sans: "Noto Sans TC", "Microsoft JhengHei", "PingFang TC", "Helvetica Neue", Arial, sans-serif;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;

  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 40px;
  --space-2xl: 64px;

  --header-height: 68px;
  --content-max: 1160px;
  --card-max: 720px;

  --shadow-none: none;
  --touch-min: 44px;
  --touch-share: 48px;
}