/*
 * MOOV - Styles de base des pages
 *
 * Couche "base" de la charte : ce qui s'applique aux balises nues du site.
 * L'echelle typographique et les classes de texte sont dans l'extension
 * moov-typography ; les composants viennent du UI Kit front-end.
 *
 * Les valeurs viennent du UI Kit (--background-base = #f8faff, --text-strong = #0d1b2e dans le DS 1.1.0),
 * avec une valeur de repli si la variable n'est pas chargee.
 */

body {
	background: var(--background-base, #f8faff);
	color: var(--text-strong, #0d1b2e);
}

/*
 * Fond diffus de la maquette : deux taches floutees derriere le contenu,
 * une bleue en haut a gauche et une orange a droite.
 *
 * `background-attachment: fixed` reproduit le `position: fixed` de la
 * maquette : les taches restent au meme endroit de l'ecran pendant que la
 * page defile, au lieu d'etre ancrees a une section.
 *
 * La maquette utilise deux <div> floutes (filter: blur(80px)) ; ici deux
 * degrades radiaux sur le body donnent le meme rendu sans ajouter de HTML.
 */

body {
	background-attachment: fixed, fixed, fixed;
	background-image:
		radial-gradient(
			400px 400px at 180px 140px,
			rgba(0, 92, 170, 0.2),
			rgba(0, 92, 170, 0) 70%
		),
		radial-gradient(
			400px 400px at calc(100% - 120px) calc(42% + 260px),
			rgba(236, 102, 7, 0.14),
			rgba(236, 102, 7, 0) 70%
		),
		none;
	background-repeat: no-repeat;
}