/* effi10 — polices hébergées sur le site et variables de la charte graphique. */

@font-face {
	font-family: 'Varela Round';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(../fonts/varela-round-latin-ext.woff2) format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: 'Varela Round';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(../fonts/varela-round-latin.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
	/* Couleurs de la charte (logo : orange #dd9933, gris #616161 ; texte : bleu nuit #0c2444). */
	--c-orange: #dd9933;
	--c-orange-2: #e8ab4f;
	--c-orange-ink: #985b0d;
	--c-orange-soft: #fbf0df;
	--c-navy: #0c2444;
	--c-navy-2: #15385f;
	--c-navy-deep: #071830;
	--c-ink: #2a3b52;
	--c-muted: #5b6676;
	--c-grey: #616161;
	--c-mist: #e3ebf5;   /* bleu-gris très clair, dérivé du bleu nuit (teinte 214°) */
	--c-mist-2: #d3dfee;
	--c-border: #d9e2ed;
	--c-white: #fff;
	--c-red: #d4533f;
	--c-green: #2f9e6e;
	--c-sky: #4a8fd6;
	--c-slate: #9aa6b5;

	--f-head: 'Varela Round', ui-rounded, 'Segoe UI', system-ui, sans-serif;
	--f-body: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
	--f-mono: ui-monospace, 'Cascadia Code', 'Fira Code', Consolas, monospace;

	--r-sm: 10px;
	--r: 16px;
	--r-lg: 26px;
	--r-pill: 999px;

	--sh-sm: 0 1px 2px rgba(12, 36, 68, .06), 0 2px 8px rgba(12, 36, 68, .05);
	--sh: 0 2px 4px rgba(12, 36, 68, .04), 0 14px 34px -10px rgba(12, 36, 68, .16);
	--sh-lg: 0 34px 80px -28px rgba(7, 24, 48, .5);
	--sh-orange: 0 10px 30px -8px rgba(221, 153, 51, .55);

	--w-content: 760px;
	--w-wide: 1200px;
	--gutter: clamp(16px, 4vw, 32px);
	--header-h: 76px;
	--ease: cubic-bezier(.2, .8, .2, 1);
}