@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400; /* Regular */
  src: url('../fonts/Inter-Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600; /* SemiBold */
  src: url('../fonts/Inter-SemiBold.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500; /* Medium */
  src: url('../fonts/Inter-Medium.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 200; /* ExtraLight */
  src: url('../fonts/Inter-ExtraLightItalic.woff2') format('woff2');
}
:root {
  --main-bg-color: #E0D9D3;
  --main-color: #FF1100;
  --white-color: #F9F9F9;
  --black-color: #1C1815;
  --blur: blur(6px);
  --blur-border: 1px solid #FFF;

  /* Variables de texte */
  --font-size-xs: 16px; /* petit lien */
  --font-size-s: 18px;/* petit texte */
  --font-size-m: 20px;/* texte de base */
  --font-size-l: 25px;/* grand texte */
  --font-size-xl: 30px; /* sous titre */
  --font-size-xxl: 50px;/* titre */
  --font-size-xxxl: 53.24px;/* texte pour la partie collection */
  --font-size-xxxxl: 80px;/* texte partie lookbook */
  --font-size-xxxxxl: 125px;/* titre des sections */
  --font-size-xxxxxxl: 160px;/* premier titre */

  /* variables d'espacement */
  --spacing-m: 18px;
  --spacing-l:100px;
}

body{
  font-family: 'Inter', sans-serif ;
  background-color: var(--main-bg-color);
  margin: 0;
  color: var(--main-color);
}

.ligne{
  height: 1px;
  border: none;
  background-color: var(--main-color);
}

h1,h2,h3{
  text-transform: uppercase;
  font-weight: 500;
}

.titre{
  font-size: var(--font-size-xxxxxl);
  text-align: center;
  font-style: normal;
  letter-spacing: -6%;
  line-height: 1;
  margin: var(--spacing-m) 0;
}

.container{
	margin: 100px 60px ;
}

@media (prefers-color-scheme: dark) {
  body{
    background-color: var(--black-color);
  }
}