/* BREAKPOINTS DE RÉFÉRENCE 
   Desktop large : 1440px (base, pas de media query)
   Laptop        : max-width: 1024px
   Tablette      : max-width: 768px
   Mobile L      : max-width: 425px
   Mobile M      : max-width: 375px
   Mobile S      : max-width: 320px
 */

/* FONTS */
@font-face {
    font-family: 'Titres';
    src: url('/fonts/PF-Marlet-Display-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SousTitres';
    src: url('/fonts/BC-Alphapipe-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Paragraphes';
    src: url('/fonts/AktivGrotesk-Thin.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hover';
    src: url('/fonts/AktivGrotesk-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    /* Couleurs */
    --craie: #F4F1ED;
    --corydalis: #ACCDD4;
    --winery: #741611;
    --aura: #BA2524;
    --pine: #082B2A;
    --charcoal: #1B1B1E;

    /* Fonts */
    --titres: 'Titres', serif;
    --soustitres: 'SousTitres', serif;
    --paragraphes: 'Paragraphes', serif;
    --hover: 'Hover', serif;
}