body {
  font-family: 'Inter', sans-serif;
}

html {
  scroll-behavior: smooth;
}

/* === Warna Custom === */
.bg-primary {
  background-color: #00703C;
}
.bg-secondary {
  background-color: #00A651;
}
.bg-section {
  background-color: #E6F4EA;
}
.text-primary {
  color: #00703C;
}
.text-secondary {
  color: #00A651;
}

/* === Mode Gelap === */
.dark {
  background-color: #1f2937 !important;
  color: white !important;
}
.dark .bg-white {
  background-color: #374151 !important;
}
.dark a {
  color: #6EE7B7 !important;
}
.dark header,
.dark footer {
  background-color: #0f172a !important;
}
.dark .text-primary,
.dark .text-secondary {
  color: #6EE7B7 !important;
}
.dark .text-gray-700,
.dark .text-gray-600 {
  color: #d1d5db !important;
}