@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&family=Playfair+Display:wght@400;700&display=swap');
@import url('../utils/variables.css');
@import url('../sections/header.css');
@import url('../sections/hero.css');
@import url('../sections/stats.css');
@import url('../sections/cta.css');
@import url('../sections/carousel.css');
@import url('../sections/lightbox.css');
@import url('../sections/footer.css');
@import url('../sections/mobile-menu.css');
@import url('../sections/programme.css');
@import url('../sections/artistes.css');
@import url('../sections/scenes.css');
@import url('../sections/contact.css');
@import url('../sections/infos-pratiques.css');
@import url('../sections/content-pages.css');
@import url('../sections/template-artiste.css');
@import url('../sections/template-scene.css');
@import url('../sections/apropos.css');
@import url('../sections/faq.css');
@import url('../sections/error-404.css');
@import url('../sections/accessibility.css');
@import url('../sections/responsive.css');

:root{
  --bordeaux:var(--bordeau-foncé);
  --beige:#fff6d6;
  --gold:var(--jaune);
  --muted:#f3e6d6;
  --bordeaux-light:var(--bordeau);
  --noir:var(--noir);
}

*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{font-family:Inter,system-ui,Arial,Helvetica,sans-serif;background:var(--bordeaux);color:var(--beige);-webkit-font-smoothing:antialiased}