:root
{
	font-size: 16px;

	/* COULEURS */

	--clr-prim: #9cfd82;
	--clr-sec: #4340fc;
	--clr-accent: #fca649;
	--clr-black: #000000;
	--clr-white: #ffffff;

	--clr-prim-100: hsl(from var(--clr-prim) h s 90%);
	--clr-prim-200: hsl(from var(--clr-prim) h s 80%);
	--clr-prim-300: hsl(from var(--clr-prim) h s 70%);
	--clr-prim-400: hsl(from var(--clr-prim) h s 60%);
	--clr-prim-500: hsl(from var(--clr-prim) h s 50%);
	--clr-prim-600: hsl(from var(--clr-prim) h s 40%);
	--clr-prim-700: hsl(from var(--clr-prim) h s 30%);
	--clr-prim-800: hsl(from var(--clr-prim) h s 20%);
	--clr-prim-900: hsl(from var(--clr-prim) h s 10%);

	--clr-sec-100: hsl(from var(--clr-sec) h s 90%);
	--clr-sec-200: hsl(from var(--clr-sec) h s 80%);
	--clr-sec-300: hsl(from var(--clr-sec) h s 70%);
	--clr-sec-400: hsl(from var(--clr-sec) h s 60%);
	--clr-sec-500: hsl(from var(--clr-sec) h s 50%);
	--clr-sec-600: hsl(from var(--clr-sec) h s 40%);
	--clr-sec-700: hsl(from var(--clr-sec) h s 30%);
	--clr-sec-800: hsl(from var(--clr-sec) h s 20%);
	--clr-sec-900: hsl(from var(--clr-sec) h s 10%);

	--clr-accent-100: hsl(from var(--clr-accent) h s 90%);
	--clr-accent-200: hsl(from var(--clr-accent) h s 80%);
	--clr-accent-300: hsl(from var(--clr-accent) h s 70%);
	--clr-accent-400: hsl(from var(--clr-accent) h s 60%);
	--clr-accent-500: hsl(from var(--clr-accent) h s 50%);
	--clr-accent-600: hsl(from var(--clr-accent) h s 40%);
	--clr-accent-700: hsl(from var(--clr-accent) h s 30%);
	--clr-accent-800: hsl(from var(--clr-accent) h s 20%);
	--clr-accent-900: hsl(from var(--clr-accent) h s 10%);

	--clr-neutral-50: hsl(from var(--clr-white) h s 95%);
	--clr-neutral-100: hsl(from var(--clr-white) h s 90%);
	--clr-neutral-200: hsl(from var(--clr-white) h s 80%);
	--clr-neutral-300: hsl(from var(--clr-white) h s 70%);
	--clr-neutral-400: hsl(from var(--clr-white) h s 60%);
	--clr-neutral-500: hsl(from var(--clr-white) h s 50%);
	--clr-neutral-600: hsl(from var(--clr-black) h s 40%);
	--clr-neutral-700: hsl(from var(--clr-black) h s 30%);
	--clr-neutral-800: hsl(from var(--clr-black) h s 20%);
	--clr-neutral-900: hsl(from var(--clr-black) h s 10%);

	/* FONTS */

	--ft-sz-h1: 5rem;
	--ft-sz-h2: 4.5rem;
	--ft-sz-h3: 4rem;
	--ft-sz-h4: 3.5rem;
	--ft-sz-title1: 2rem;
	--ft-sz-title2: 1.75rem;
	--ft-sz-title3: 1.5rem;
	--ft-sz-title4: 1.25rem;
	--ft-sz-bxl: 1.25rem;
	--ft-sz-bl: 1.125rem;
	--ft-sz-bm: 1rem;
	--ft-sz-bs: 0.875rem;
	--ft-sz-bxs: 0.75rem;
	--ft-sz-label1: 1.25rem;
	--ft-sz-label2: 0.875rem;
	--ft-sz-label3: 0.625rem;

	--ln-hgt-head: 90%;
	--ln-hgt-title: 130%;
	--ln-hgt-body: 140%;
	--ln-hgt-label: 100%;

	/* SPACING */

	--spc-14: 5rem;
	--spc-13: 4rem;
	--spc-12: 3.5rem;
	--spc-11: 3rem;
	--spc-10: 2.5rem;
	--spc-9: 2rem;
	--spc-8: 1.5rem;
	--spc-7: 1.25rem;
	--spc-6: 1rem;
	--spc-5: 0.75rem;
	--spc-4: 0.5rem;
	--spc-3: 0.375rem;
	--spc-2: 0.25rem;
	--spc-1: 0.125rem;

	/* DIMENSIONS */

	--hgt-btn : 3rem;

}

@media screen and (max-width: 1000px)
{

}