:root {
  color-scheme: dark;
  --bg: #08131e;
  --surface: #0d1b29;
  --surface-raised: #122333;
  --surface-soft: #0b1723;
  --paper: #101e2a;
  --text: #e4e1d9;
  --muted: #a0acb5;
  --faint: #718391;
  --line: #213343;
  --line-soft: #192b3b;
  --accent: #cba76b;
  --accent-strong: #e1bc7d;
  --accent-wash: #cba76b12;
  --green: #81b8a4;
  --blue: #8eb5d7;
  --rail-width: 86px;
  --manager-width: 336px;
  --chapter-width: 232px;
  --sans: "Segoe UI", "Microsoft YaHei UI", "PingFang SC", sans-serif;
  --serif: "Songti SC", "Noto Serif CJK SC", "SimSun", Georgia, serif;
  --shadow: 0 22px 64px #0005;
}

:root[data-theme="paper"] {
  color-scheme: light;
  --bg: #f2f0ea;
  --surface: #faf8f2;
  --surface-raised: #eeebe2;
  --surface-soft: #f7f5ef;
  --paper: #fdfbf6;
  --text: #343d42;
  --muted: #66727b;
  --faint: #7c888e;
  --line: #d6d9d6;
  --line-soft: #e3e4dd;
  --accent: #89642c;
  --accent-strong: #9b7439;
  --accent-wash: #89642c0c;
  --green: #467e69;
  --blue: #497b9d;
  --shadow: 0 22px 64px #38465215;
}