:root {
  --bg: #f3f7f2;
  --text: #1b2a21;
  --muted: #6b7d72;
  --green-900: #163323;
  --green-700: #1f4a2f;
  --green-500: #2f8a4b;
  --yellow-500: #c9aa34;
  --shadow: 0 18px 45px rgba(0, 0, 0, 0.1);
  --shadow-soft: 0 12px 35px rgba(0, 0, 0, 0.08);
  --radius: 22px;
  --radius-sm: 16px;
  --max: 1120px;
  --topbar-h: 74px;
}

* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  font-family:
    "Quicksand",
    system-ui,
    -apple-system,
    Segoe UI,
    Roboto,
    Arial,
    sans-serif;
  background: var(--bg);
  color: var(--text);
  overflow-x: hidden;
}
a {
  color: inherit;
  text-decoration: none;
}
.icon {
  width: 18px;
  height: 18px;
  display: inline-block;
}
.hidden {
  display: none;
}