/* La Lampe Champignon — custom.css */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Josefin+Sans:wght@300;400;600&display=swap');

:root {
  --primary:       #B45309;
  --primary-light: #F59E0B;
  --secondary:     #14532D;
  --accent:        #FDE68A;
  --dark:          #1C1917;
  --cream:         #FFFBEB;
  --text:          #292524;
  --text-muted:    #78716C;
}

.font-display { font-family: 'Cormorant Garamond', Georgia, serif; }
.font-body    { font-family: 'Josefin Sans', sans-serif; }

/* Apply globally */
body {
  font-family: 'Josefin Sans', sans-serif;
  background-color: var(--dark);
  color: #e7e5e4;
}
h1, h2, h3, .display { font-family: 'Cormorant Garamond', Georgia, serif; }

/* ── Scroll reveal ─────────────────── */
.reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}
.reveal.revealed {
  opacity: 1;
  transform: translateY(0);
}
.reveal-delay-1 { transition-delay: 0.1s; }
.reveal-delay-2 { transition-delay: 0.2s; }
.reveal-delay-3 { transition-delay: 0.3s; }
.reveal-delay-4 { transition-delay: 0.4s; }

/* ── Hero animations ───────────────── */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(24px); }
  to   { opacity: 1; transform: translateY(0); }
}
.hero-anim-1 { animation: fadeInUp 0.8s ease both 0.2s; }
.hero-anim-2 { animation: fadeInUp 0.8s ease both 0.45s; }
.hero-anim-3 { animation: fadeInUp 0.8s ease both 0.7s; }

/* ── Product card hover ────────────── */
.product-card {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.product-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.4);
}
.product-card img {
  transition: transform 0.35s ease;
}
.product-card:hover img {
  transform: scale(1.04);
}

/* ── Badge solde ────────────────────── */
.badge-solde {
  background: linear-gradient(135deg, #b45309, #f59e0b);
}

/* ── Scrollbar custom ──────────────── */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #1c1917; }
::-webkit-scrollbar-thumb { background: #78716c; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #b45309; }