/**
 * Design system Pumpup — couleurs & typographie
 */
:root {
	/* Couleurs */
	--pumpup-color-accent: #E8FE8A;      /* Citrus Light */
	--pumpup-color-dark: #151C15;        /* Dark Forest */
	--pumpup-color-principal: #203B32;   /* Forest */
	--pumpup-color-secondaire: #F2F2F2;  /* Stone */
	--pumpup-color-medium: #B7B7B7;      /* Medium forest */

	/* Polices */
	--pumpup-font-heading: 'Instrument Serif', serif;
	--pumpup-font-body: 'Hanken Grotesk', sans-serif;

	/* Typographie */
	--pumpup-eyebrow-size: 1.25em;       /* 20px, letter-spacing 6% */
	--pumpup-eyebrow-tracking: 0.06em;
	--pumpup-h1-size: 3.75em;            /* 60px */
	--pumpup-h1-line: 60px;
	--pumpup-h2-size: 3em;               /* 48px */
	--pumpup-h2-line: 48px;
	--pumpup-h3-size: 2.25em;            /* 36px */
	--pumpup-h3-line: 40px;
	--pumpup-h4-size: 1.5em;             /* 24px */
	--pumpup-h4-line: 24px;
	--pumpup-body-size: 1em;             /* 16px */
}

body,
button,
input,
select,
textarea {
	font-family: var(--pumpup-font-body);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--pumpup-font-heading);
}