:root {
  --paper: #f7f4ed;
  --paper-deep: #ebe5d8;
  --ink: #26302a;
  --muted: #697067;
  --accent: #52674a;
  --accent-dark: #354630;
  --line: #d7d2c5;
  --card: #fffdf8;
  --shadow: 0 18px 45px rgba(42, 49, 39, .08);
}

* { box-sizing: border-box; }

html { min-height: 100%; background: var(--paper); }

body {
  min-height: 100vh;
  margin: 0;
  color: var(--ink);
  background:
    radial-gradient(circle at 12% 4%, rgba(168, 181, 142, .2), transparent 23rem),
    radial-gradient(circle at 94% 34%, rgba(220, 203, 160, .2), transparent 26rem),
    var(--paper);
  font-family: 'Noto Sans TC', system-ui, sans-serif;
  line-height: 1.7;
}

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

button { cursor: pointer; }

::selection { color: #fff; background: var(--accent); }