/* Base styles: variables, reset, typography, container */
* { margin: 0; padding: 0; box-sizing: border-box; }
:root {
  --primary-color: #2E5C3E;
  --secondary-color: #4A7C59;
  --accent-color: #6B9B7A;
  --light-green: #E8F5E8;
  --background-color: #F8FDF8;
  --text-dark: #1A3A1A;
  --text-medium: #2E5C3E;
  --white: #FFFFFF;
  --shadow: 0 4px 20px rgba(46,92,62,0.1);
  --border-radius: 12px;
  /* darker footer background derived from primary */
  --footer-bg: #243e2e;
}

html, body {
  height: 100%;
}

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  line-height: 1.6;
  color: var(--text-dark);
  background-color: var(--background-color);
}

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

/* Common utilities */
.hidden { display: none !important; }
.text-center { text-align: center; }
.btn { cursor: pointer; }

@media (max-width: 768px) {
  .container { padding: 0 12px; }
}