:root {
  --mev-green: #14532d;
  --mev-green-dark: #0d3a1f;
  --mev-green-light: #1e6b3a;
  --mev-gold: #b8860b;
  --mev-gold-light: #d4a537;
  --mev-cream: #faf7ee;
  --mev-cream-dark: #f1ebd8;
  --mev-text: #1f2a23;
  --mev-text-muted: #5a6660;
}

html { scroll-behavior: smooth; }

body {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  color: var(--mev-text);
  background: var(--mev-cream);
  -webkit-font-smoothing: antialiased;
}

.font-display {
  font-family: 'Playfair Display', Georgia, serif;
  letter-spacing: -0.01em;
}

.font-script { font-family: 'Cormorant Garamond', Georgia, serif; font-style: italic; }

.bg-mev-green { background-color: var(--mev-green); }
.bg-mev-green-dark { background-color: var(--mev-green-dark); }
.bg-mev-cream { background-color: var(--mev-cream); }
.bg-mev-cream-dark { background-color: var(--mev-cream-dark); }
.text-mev-green { color: var(--mev-green); }
.text-mev-gold { color: var(--mev-gold); }
.text-mev-muted { color: var(--mev-text-muted); }
.border-mev-green { border-color: var(--mev-green); }
.border-mev-gold { border-color: var(--mev-gold); }
.ring-mev-gold { --tw-ring-color: var(--mev-gold); }

.gradient-cream {
  background: linear-gradient(180deg, var(--mev-cream) 0%, #ffffff 100%);
}

.gradient-green {
  background: linear-gradient(135deg, var(--mev-green-dark) 0%, var(--mev-green) 60%, var(--mev-green-light) 100%);
}

.btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: var(--mev-green);
  color: #fff;
  padding: 0.75rem 1.5rem;
  border-radius: 9999px;
  font-weight: 600;
  letter-spacing: 0.01em;
  transition: background 0.2s, transform 0.1s;
}
.btn-primary:hover { background: var(--mev-green-dark); }
.btn-primary:active { transform: translateY(1px); }

.btn-gold {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: var(--mev-gold);
  color: #fff;
  padding: 0.75rem 1.5rem;
  border-radius: 9999px;
  font-weight: 600;
  transition: background 0.2s, transform 0.1s;
}
.btn-gold:hover { background: #966c08; }

.btn-outline {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  border: 2px solid var(--mev-green);
  color: var(--mev-green);
  padding: 0.6rem 1.4rem;
  border-radius: 9999px;
  font-weight: 600;
  transition: background 0.2s, color 0.2s;
}
.btn-outline:hover { background: var(--mev-green); color: #fff; }

.product-card {
  background: #fff;
  border: 1px solid var(--mev-cream-dark);
  border-radius: 1rem;
  overflow: hidden;
  transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
}
.product-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 30px -10px rgba(20, 83, 45, 0.25);
  border-color: var(--mev-gold);
}

.divider-ornament::before,
.divider-ornament::after {
  content: '';
  display: inline-block;
  width: 40px;
  height: 1px;
  background: var(--mev-gold);
  vertical-align: middle;
  margin: 0 1rem;
}

.nav-link {
  position: relative;
  padding: 0.4rem 0.2rem;
  color: var(--mev-text);
  font-weight: 500;
  transition: color 0.2s;
}
.nav-link:hover, .nav-link.active { color: var(--mev-green); }
.nav-link.active::after {
  content: '';
  position: absolute;
  left: 0; right: 0; bottom: -4px;
  height: 2px;
  background: var(--mev-gold);
  border-radius: 2px;
}

.badge-circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 9999px;
  background: var(--mev-green);
  color: #fff;
  box-shadow: 0 6px 18px -6px rgba(20, 83, 45, 0.45);
}

.whatsapp-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  background: #25D366;
  color: #fff;
  font-weight: 600;
  padding: 0.75rem 1.5rem;
  border-radius: 9999px;
  transition: background 0.2s;
}
.whatsapp-btn:hover { background: #1ebe5b; }

/* Subtle background pattern for sections */
.bg-wheat-pattern {
  background-color: var(--mev-cream);
  background-image: radial-gradient(circle at 20% 20%, rgba(184,134,11,0.06) 0, transparent 35%),
                    radial-gradient(circle at 80% 60%, rgba(20,83,45,0.05) 0, transparent 40%);
}