/* Tailwind via CDN is primary. This file holds small custom tweaks. */
:root {
  --brand-primary: #2d5016; /* hijau tua peternakan */
  --brand-secondary: #5a8c2a; /* hijau cerah */
  --accent-warm: #d97706; /* amber-600 oranye telur */
  --accent-light: #fbbf24; /* amber-400 kuning telur */
  --brown-natural: #78350f; /* coklat natural */
  --cream-bg: #fef3c7; /* amber-100 krem lembut */
}

html { scroll-behavior: smooth; }

.hero-bg {
  background-image: linear-gradient(rgba(45, 80, 22, 0.75), rgba(45, 80, 22, 0.75)), url('../img/hero-eggs.jpg');
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

.shadow-top { box-shadow: 0 -8px 24px rgba(0,0,0,.08); }

/* Gradient backgrounds */
.bg-gradient-farm {
  background: linear-gradient(135deg, #2d5016 0%, #5a8c2a 100%);
}

.bg-gradient-egg {
  background: linear-gradient(135deg, #fbbf24 0%, #d97706 100%);
}

/* Card hover effects */
.card-hover {
  transition: all 0.3s ease;
}
.card-hover:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(45, 80, 22, 0.15);
}

/* Button styles */
.btn-primary {
  background: linear-gradient(135deg, #d97706 0%, #f59e0b 100%);
  transition: all 0.3s ease;
}
.btn-primary:hover {
  background: linear-gradient(135deg, #b45309 0%, #d97706 100%);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(217, 119, 6, 0.4);
}

/* Text truncation utilities */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}