/* 手機版與電腦版共用的顏色、字型與動畫曲線 */
:root {
  --page: #f2f1ed;
  --surface: #ffffff;
  --text: #15191f;
  --muted: #59616d;
  --faint: #8a919b;
  --border: #dcdcd6;
  --primary: #1d4e89;
  --primary-hover: #173f70;
  --primary-weak: #e8eef7;
  --teal: #0f6e6e;
  --teal-weak: #e2f1ef;
  --slate: #475467;
  --slate-weak: #ebedf0;
  --ok: #1f7a4d;
  --ok-weak: #e6f3eb;
  --warn: #8a5a00;
  --warn-weak: #fbf1da;
  --danger: #b42318;
  --danger-weak: #fcebe9;
  --radius: 12px;
  --radius-lg: 18px;
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  font-family: "Noto Sans TC", "Microsoft JhengHei", "PingFang TC", "Heiti TC", system-ui, sans-serif;
  color: var(--text);
  font-size: 17px;
  line-height: 1.55;
}