:root {
    /** Couleurs **/
    /*vert*/
	--color-green-10: #a8c82c;
	--color-green-5: #558627FF;
	--color-green-20: #edf0e5;

    /*gris*/
    --color-grey-10: #5d5d5d;
    
    /*noir*/
	--color-black-10: #000;

    /*blanc*/
    --color-blanc-10: #fff;

    /** Taille de police **/
    --font-size-10: 0.9rem;
    --font-size-15: 1rem;
    --font-size-20: 1.2rem;
    --font-size-30: 1.5rem;
    --font-size-40: 1.75rem;
    --font-size-50: 2rem;

    /** Largeurs des pages et articles **/
	--largeur-texte: 1000px;
	--largeur-large: 1200px;
	--marge-site: clamp(1.25rem, 4vw, 4rem);
    --espace-section: 6rem;

    /** Layout home **/
	--hero-align-x: 300px;
}

/* Mobiles : textes et espacements réduits partout */
@media (max-width: 767px) {
	:root {
		--font-size-20: 1.1rem;
		--font-size-30: 1.3rem;
		--font-size-40: 1.5rem;
		--font-size-50: 1.75rem;
		--espace-section: 3rem;
	}
}