:root {
  --bg-top: #f3e6cf;
  --bg-bottom: #d8b98f;
  --ink-soft: #5d4634;
  --ink-strong: #26180f;
  --paper-front: #fff8ec;
  --paper-back: #ecdcc3;
  --paper-edge: #d6b992;
  --accent: #7f5331;
  --accent-strong: #5d3417;
  --cover-start: #8b5b39;
  --cover-mid: #6c3f20;
  --cover-end: #4d2b15;
  --shadow-dark: rgba(42, 20, 8, 0.28);
  --shadow-soft: rgba(56, 31, 15, 0.14);
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  min-height: 100%;
}

body {
  font-family: "Avenir Next", "Segoe UI", "Helvetica Neue", sans-serif;
  color: var(--ink-strong);
  background:
    radial-gradient(circle at top, rgba(255, 250, 241, 0.9), transparent 34%),
    linear-gradient(180deg, var(--bg-top), var(--bg-bottom));
}

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