@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=Parisienne&display=swap');

/* VARIABLES */
:root{
    /* COLORS */
    --main-color : #454545;
    --text-color : #454545;
    --main-color-f : #343434;
    --main-color-c : #656565;
    --main-color-bg : #303030;
    
    --title-color : #7800ae;
    --title-color-c : #9e11df;
    --title-color-f : #530079;
    --main-hover : #ff00ea;
	--violet-clair : #d4d4d4;
	--beige-tres-clair :rgb(245, 242, 238);
	--noir : #171716;

    --header-bg : #3b1a4a;
    --header-menu-bg : #160507;
    --active-color-ccc : #ffa3f6;
    --active-color-cc : #ff49ed;
    --active-color-c : #e61fd2;
    --active-color : #ff00ea;
    --active-color-f : #77066b;
    --active-color-f-alpha : #77066c82;
    --active-color-ff : #42073c;

    --active-color-2 : #ffe4c4;
    

	/* BG */
	--bg-gris : #edebf0;
	--bg-gris-f : #dfdce3;
	--bg-violet : #e3d1fe;
	--bg-violet-f : #461e42;
	--bg-violet-ff : #220c20;

    /* FONTS */
    --font-main : 'Montserrat', sans-serif;
    --font-awesome : "Font Awesome 6 Pro";
    --font-awesome-sharp : "Font Awesome 6 Sharp";
    --font-title : 'Parisienne', cursive;
    --font-menu : 'Montserrat', sans-serif;

	/* DIVERS */
    --header-height : 100px;
    --max-large-plus : 1140px;
    --max-large : 1140px;
    --large : 900px;

    
}

@media (min-width: 1900px) {
    :root{
        --max-large-plus : 1600px;
    }
}

@media (max-width: 1079px) {
    :root{
        --header-height : 45px;
    }
}