/* -------------------------------------------------------------------------- */

/*	1. Document Setup
/* -------------------------------------------------------------------------- */


/*
 * Twenty Twenty fixe html { font-size: 62.5% } (1rem = 10px), ce qui réduit
 * tous nos tokens en rem. On rétablit 1rem = 16px.
 * Ne pas redéfinir html dans style.css : ce fichier est chargé en dernier
 * (handle twentytwenty-style) et écraserait cette règle.
 */
html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	scroll-behavior: smooth;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

body {
	color: var(--color-text);
	background-color: var(--color-bg);
	font-family: var(--font-base);
	font-size: var(--fs-base);
	line-height: var(--lh-base);
}

@supports ( font-variation-settings: normal ) {

	body {
		font-family: var(--font-base);
	}
}

#site-content {
	overflow: hidden;
}

.jm-home {
	background-color: var(--color-bg);
}