:root {
  --color-primary-orange: #E57D2D;
  --color-primary-green: #4A7C4E;
  --color-dark-green: #2D4A2D;
  --color-beige: #F5F0E8;
  --color-black: #1A1A1A;
  --color-white: #FFFFFF;
  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

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

body {
  margin: 0;
  font-family: var(--font-family);
  line-height: 1.6;
  color: var(--color-black);
  background: var(--color-white);
}

h1, h2, h3, h4, h5, h6, p { margin: 0; }
h1, h2, h3, h4, h5, h6 { line-height: 1.2; }
img { max-width: 100%; height: auto; }
a { color: inherit; }

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.875rem 1.5rem;
  border: none;
  border-radius: 8px;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: transform 0.2s, box-shadow 0.2s, background 0.2s;
}

.btn--primary {
  background: var(--color-primary-orange);
  color: white;
}

.btn--primary:hover {
  background: #d06a1f;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(229, 125, 45, 0.3);
}

.btn--secondary {
  background: var(--color-primary-green);
  color: white;
}

.btn--secondary:hover {
  background: #3d6940;
  transform: translateY(-2px);
}