/* Reset */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  --primary: #22c55e;
  --primary-hover: #16a34a;
  --text: #333;
  --muted: #777;
  --surface: #fff;
  --border: #e5e7eb;
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 6px 18px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 12px 30px rgba(0, 0, 0, 0.12);
}

html {
  scroll-behavior: smooth; /* smooth jump */
}

body {
  font-family: Arial, Helvetica, sans-serif;
  background: #fff;
  color: var(--text);
}

/* Prevent content being hidden behind the fixed 70px header */
section {
  scroll-margin-top: 70px;
}