:root {
  --green-900: #123d2d;
  --green-800: #1a5a42;
  --green-700: #237556;
  --green-600: #2f8f68;
  --green-500: #43a879;
  --green-200: #d9f1e5;
  --green-100: #eef9f3;
  --surface: #f7fbf8;
  --surface-strong: #ffffff;
  --text-primary: #1b2a23;
  --text-secondary: #4b6156;
  --border-soft: #d6e6dc;
  --shadow-soft: 0 14px 30px rgba(19, 61, 45, 0.09);
  --shadow-strong: 0 20px 45px rgba(19, 61, 45, 0.16);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body,
#app {
  min-height: 100%;
}

body {
  margin: 0;
  color: var(--text-primary);
  background:
    radial-gradient(circle at 12% 18%, rgba(67, 168, 121, 0.2), transparent 32%),
    radial-gradient(circle at 85% 0%, rgba(35, 117, 86, 0.14), transparent 28%),
    linear-gradient(165deg, #eef9f3 0%, #f8fcfa 50%, #edf7f1 100%);
  font-family: "Source Han Sans SC", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}