:root {
  --paper: #eee5d5;
  --paper-2: #e4d7c3;
  --paper-evidence: #f4efe6;
  --ink: #261f19;
  --muted: #73685d;
  --qin: #8f201c;
  --qin-dark: #55120f;
  --bronze: #536a5e;
  --gold: #b48a43;
  --line: rgba(66, 48, 36, .18);
  --line-strong: rgba(66, 48, 36, .34);
  --white: #fff9ef;
  --black: #181411;
  --shadow: 0 24px 72px rgba(45, 28, 19, .19);
  --sans: Inter, "PingFang SC", "Microsoft YaHei", sans-serif;
  --serif: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", "SimSun", serif;

  --head-h: 62px;
  --nav-h: 72px;
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;

  --ease: cubic-bezier(.2, .8, .2, 1);
  --scene-duration: 460ms;
}