:root {
  --vigar-red: #b30000;
  --bg: #f5f5f3;
  --surface: #fbfbfa;
  --surface-strong: #ffffff;
  --text: #202020;
  --muted: #666664;
  --border: #ddddda;
  --shadow: 0 18px 45px rgba(24, 24, 24, .08);
  --radius-sm: 12px;
  --radius-md: 22px;
  --radius-lg: 34px;
  --max: 1180px;
  --header-h: 84px;
  --font-main: "Microsoft JhengHei UI", "Microsoft JhengHei", "Noto Sans", Arial, sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #181818;
    --surface: #202020;
    --surface-strong: #252525;
    --text: #f0f0ee;
    --muted: #b5b5b2;
    --border: #383838;
    --shadow: 0 18px 45px rgba(0, 0, 0, .22);
  }
}