:root {
  --paper: #f8f7f2;
  --card: #fffefa;
  --ink: #282e25;
  --grey: #64695e;
  --quiet: #797d71;
  --line: #dedfd4;
  --green: #394f3e;
  --orange: #ae5132;
  --night: #0b1114;
  --night-2: #0f171a;
  --cream: #e8dfc8;
  --gold: #d7bf8c;
  --serif: Georgia, "Noto Serif CJK SC", "Songti SC", "STSong", "SimSun", serif;
  --sans: "Segoe UI", "PingFang SC", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
}

body {
  background: var(--paper);
  color: var(--ink);
  font: 14px/1.5 var(--sans);
  -webkit-font-smoothing: antialiased;
}

button, input, select, textarea {
  font: inherit;
  color: inherit;
}

button {
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
}

a {
  color: inherit;
}

[hidden] { display: none !important; }