:root {
  --color-primary: #0f766e;
  --color-primary-hover: #0b5d56;
  --color-accent: #b45309;
  --color-bg: #f6f8f7;
  --color-surface: #ffffff;
  --color-text: #182230;
  --color-muted: #667085;
  --color-border: #d0d5dd;
  --color-soft: #e7f3f1;
  --color-warning-soft: #fff7ed;
  --radius-sm: 8px;
  --radius-md: 8px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --shadow-card: 0 10px 30px rgb(16 24 40 / 8%);
  --font-sans: "Segoe UI", "Noto Sans TC", sans-serif;
}