:root{
  color-scheme:light;
  --canvas:#F8F5F1;
  --surface:#FFFDFC;
  --surface-2:#F2ECE7;
  --ink:#25211F;
  --muted:#746D68;
  --line:#E6DED8;
  --line-strong:#D5C9C1;
  --accent:#C87570;
  --accent-strong:#AE625D;
  --accent-soft:#F5E8E4;
  --danger:#A75450;
  --success:#5F7866;
  --shadow:0 18px 50px rgba(54,42,36,.14);
  --radius-sm:10px;
  --radius:14px;
  --radius-lg:22px;
  --safe-top:env(safe-area-inset-top,0px);
  --safe-bottom:env(safe-area-inset-bottom,0px);
  --font-ui:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang TC","Noto Sans TC","Microsoft JhengHei",sans-serif;
  --font-kai:"BiauKaiTC","DFKai-SB","標楷體","KaiTi TC",serif;
  --font-running:"STXingkai","Xingkai TC","DFXingShu","BiauKaiTC","DFKai-SB",serif;
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--s10:40px;--s12:48px;
  --motion-fast:100ms;
  --motion:180ms;
  --motion-sheet:220ms;
  --ease:cubic-bezier(.2,.8,.2,1);
  --header-h:64px;
  --nav-h:72px;
  --content-max:760px;
}
html[data-theme="dark"]{
  color-scheme:dark;
  --canvas:#12100F;
  --surface:#1B1816;
  --surface-2:#24201D;
  --ink:#F7F3EF;
  --muted:#B9B0AA;
  --line:#342E2A;
  --line-strong:#493F39;
  --accent:#D89A94;
  --accent-strong:#E2AAA5;
  --accent-soft:#302321;
  --danger:#D48680;
  --success:#92AC99;
  --shadow:0 22px 56px rgba(0,0,0,.45);
}