:root {
  --bg-soft: #f2f5ef;
  --bg-deep: #dce8d5;
  --surface: #ffffff;
  --surface-2: #f8fbf5;
  --ink: #152015;
  --ink-soft: #4e5f4c;
  --brand: #2f7c52;
  --brand-2: #88b66d;
  --line: #d7e3d1;
  --shadow: 0 18px 40px rgba(29, 59, 35, 0.12);
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: 'Noto Sans SC', 'PingFang SC', sans-serif;
  color: var(--ink);
  min-height: 100vh;
  background:
    radial-gradient(circle at 20% 10%, #f7fff2 0%, rgba(247, 255, 242, 0) 38%),
    radial-gradient(circle at 90% 85%, #d5f1c8 0%, rgba(213, 241, 200, 0) 32%),
    linear-gradient(135deg, var(--bg-soft), var(--bg-deep));
}

h1,
h2,
h3,
p {
  margin: 0;
}

button {
  font-family: inherit;
}