:root {
  --primary: #2D5A3D;
  --primary-dark: #1E3E2A;
  --secondary: #F0F4EF;
  --accent: #8B6F47;
  --dark: #1C1C1C;
  --light: #FFFFFF;
  --gray: #F8F8F8;
}

html {
  box-sizing: border-box;
  overflow-x: hidden;
}

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

body {
  font-family: 'Inter', sans-serif;
  overflow-x: hidden;
  max-width: 100vw;
}

img, video, canvas, svg {
  max-width: 100%;
  height: auto;
}

.swiper-container, .swiper-wrapper {
  max-width: 100%;
}

.container {
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.fixed, .sticky {
  max-width: 100vw;
}

.font-heading {
  font-family: 'Lora', serif;
}

/* Animasi toast */
@keyframes slide-up {
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: translateY(0); opacity: 1; }
}
.animate-slide-up {
  animation: slide-up 0.3s ease-out;
}