:root {
  --amber: #d97706;
  --amber-dark: #92400e;
  --stone: #292524;
  --olive: #556b2f;
}

html { scroll-behavior: smooth; }
body { font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }

.hero-bg {
  background-image:
    linear-gradient(120deg, rgba(28, 25, 23, .75), rgba(28, 25, 23, .35), rgba(28, 25, 23, .65)),
    url("images/hero-corbieres-abbaye.jpg");
  background-size: cover;
  background-position: center;
}

.footer-bg {
  background-image:
    linear-gradient(rgba(12, 10, 9, .78), rgba(12, 10, 9, .88)),
    url("images/panorama-corbieres.jpg");
  background-size: cover;
  background-position: center;
}

.glass-nav {
  background: rgba(255, 255, 255, .12);
  border: 1px solid rgba(255, 255, 255, .22);
  box-shadow: 0 18px 50px rgba(0, 0, 0, .18);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.nav-solid {
  background: rgba(28, 25, 23, .92);
  border-color: rgba(255, 255, 255, .10);
}

.reveal { opacity: 0; transform: translateY(18px); transition: opacity .7s ease, transform .7s ease; }
.reveal.visible { opacity: 1; transform: translateY(0); }

.image-card img { transition: transform .8s ease; }
.image-card:hover img { transform: scale(1.06); }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .reveal, .image-card img { transition: none; }
}