/* Fichier principal important tous les sous-fichiers CSS */
@import 'components/variables.css';
@import 'components/reset.css';
@import 'components/header.css';
@import 'components/hero.css';
@import 'components/sections.css';
@import 'components/season.css';
@import 'components/season2.css';
@import 'components/features.css';
@import 'components/streamers.css';
@import 'components/footer.css';
@import 'components/responsive.css';
@import 'components/animations.css';

/* Séparateur décoratif parallax entre les sections */
.decorative-separator {
  position: relative;
  width: 100vw;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  min-height: 260px;
  z-index: 2;
}
.decorative-separator img {
  width: 100vw;
  max-width: 1400px;
  min-width: 320px;
  height: 240px;
  object-fit: cover;
  border-radius: 30px;
  box-shadow: 0 12px 48px rgba(0,0,0,0.28), 0 2px 8px var(--accent-color-light);
  opacity: 0.96;
  filter: saturate(110%) contrast(1.08);
  transition: transform 0.5s cubic-bezier(.4,1,.4,1), box-shadow 0.3s;
  will-change: transform;
}
@media (max-width: 900px) {
  .decorative-separator img {
    height: 140px;
    border-radius: 15px;
  }
  .decorative-separator {
    min-height: 120px;
  }
}
.decorative-separator img:hover {
  transform: scale(1.03);
  box-shadow: 0 24px 72px rgba(218,165,32,0.18), 0 8px 32px var(--primary-color-light);
}

/* Variables globales pour moderniser l'apparence */
:root {
  --font-title: 'Playfair Display', serif;
  --font-body: 'Montserrat', sans-serif;
}