/* Palette personnalisée et variables */
:root {
  --terra: #c56a4a;
  --terra-dark: #a34e2a;
  --ocean: #1a4d7a;
}

.text-terra { color: var(--terra) !important; }
.bg-terra { background-color: var(--terra) !important; }
.bg-terra-dark { background-color: var(--terra-dark) !important; }
.border-terra { border-color: var(--terra) !important; }

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

h1, h2, h3, h4, h5, h6 {
  font-family: 'Lora', serif;
}

/* Hero image fallback */
#hero {
  background-color: #e5e7eb;
}

/* Lightbox image style */
.glightbox img {
  cursor: pointer;
}

/* Responsive menu animation */
#mobileMenu {
  transition: max-height 0.3s cubic-bezier(.4,0,.2,1);
  overflow: hidden;
}

/* Form focus */
input:focus, textarea:focus {
  outline: 2px solid var(--terra);
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
  background: #f3f4f6;
}
::-webkit-scrollbar-thumb {
  background: var(--terra);
  border-radius: 8px;
}