:root {
  --ink: #18241f;
  --ink-soft: #3d4a44;
  --paper: #e7eee8;
  --paper-2: #d5e0d8;
  --sage: #2f5c4c;
  --sage-deep: #16352c;
  --sage-mid: #4a7a66;
  --wash: rgba(47, 92, 76, 0.1);
  --line: rgba(22, 53, 44, 0.18);
  --alert: #9e2f22;
  --alert-wash: #f3d7d2;
  --warn: #a56a12;
  --warn-wash: #f3e4c4;
  --ok: #2a6b4f;
  --isolate: #5a4a1a;
  --white: #f7faf7;
  --font-brand: "Fraunces", "Noto Serif TC", serif;
  --font-serif: "Noto Serif TC", "Songti TC", serif;
  --font-sans: "Noto Sans TC", "PingFang TC", sans-serif;
  --radius: 3px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}

* {
  box-sizing: border-box;
}

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

body {
  color: var(--ink);
  font-family: var(--font-sans);
  background: var(--paper);
}

button,
input {
  font-family: inherit;
}

a {
  color: inherit;
}