/* 基础：变量、重置、排版、按钮 */

/* ---------------------------------------------------------------- 基础 */

:root {
  --bg: #f3ead8;
  --panel: #fffaf0;
  --ink: #4b3a2c;
  --muted: #8a7a63;
  --line: #e6d9bf;
  --accent: #5aa346;
  --accent-ink: #3f7530;
  --accent-2: #e08b4c;
  --bad: #d3563f;
  --shadow-sm: 0 1px 0 rgba(75, 58, 44, 0.1), 0 6px 16px rgba(75, 58, 44, 0.08);
  --shadow: 0 3px 0 rgba(75, 58, 44, 0.08), 0 14px 34px rgba(75, 58, 44, 0.12);
  --radius: 18px;
}

* {
  box-sizing: border-box;
}

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

body {
  display: flex;
  flex-direction: column;
  background: var(--bg);
  color: var(--ink);
  font: 14px/1.5 "Nunito", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
}