/*importation des typographies*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Chewy&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/* import du normalize */
/* @import url("normalize.css"); */

/* importation variables */
@import url("../utils/variables.css");
@import url("../utils/structure.css");

/* importation component */
@import url("../component/menu.css");
@import url("../component/asside.css");
@import url("../component/button.css");
@import url("../component/hero.css");
@import url("../component/caroussel.css");
@import url("../component/members.css");
@import url("../component/accordion.css");


/* importation */
@import url("../layout/main.css");
@import url("../layout/header.css");
@import url("../layout/footer.css");

*,
*:before,
*:after {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

html,
body {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

body {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-size: 14px;
}

/* style commun aux pages */

h1,
h2 {
    font-family: "Chewy", system-ui;
    font-weight: 400;
    font-style: normal;
    
    /* text-transform: uppercase; */
}

h2 {
    font-size: 34px;
}

a {
    color: var(--header-color);

    & :focus,
    :hover,
    :visited {
        color: var(--jaune);
    }
}

li {
    list-style: none;
    padding: 8px 0;
}


p {
    line-height: 1.5;
}


/*classes de couleurs du theme pour certains blocs*/
.bg-bleu {
    background-color: var(--bleu);
}

.bg-bleu-hero {
    background-color: var(--bleu-hero);
}

.bg-rose {
    background-color: var(--rose);
}

.bg-jaune {
    background-color: var(--jaune);
}