:root {
  --ink: #12201b;
  --muted: #64716c;
  --paper: #f5f6f1;
  --surface: #ffffff;
  --line: #dce2db;
  --accent: #146b4b;
  --accent-soft: #dcefe5;
  --danger: #c0392b;
  --warning: #a05a12;
  --success: #157347;
  color-scheme: light;
}

* { box-sizing: border-box; }
html { min-width: 320px; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid rgba(20, 107, 75, 0.24); outline-offset: 3px; }
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}