/*
 * Base commune au site et à l'éditeur de blocs : polices et mesures.
 * Les couleurs viennent de la palette de Apparence › Personnaliser › Couleurs.
 */

/* Polices hébergées localement, pas d'appel à Google. Choisies dans Apparence › Personnaliser › Typographie. */
@font-face { font-family: "Alegreya"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/alegreya-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Alegreya"; font-style: italic; font-weight: 400; font-display: swap; src: url("../fonts/alegreya-latin-400-italic.woff2") format("woff2"); }
@font-face { font-family: "Alegreya"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/alegreya-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Alegreya"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/alegreya-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Alegreya"; font-style: italic; font-weight: 700; font-display: swap; src: url("../fonts/alegreya-latin-700-italic.woff2") format("woff2"); }

/* Mesures reprises du site Shopify (thème Dawn), utilisées par le thème et les styles globaux GenerateBlocks. */
:root {
	--ea-annonce: var(--abricot);
	--ea-sable: var(--base);
	--ea-ciel: var(--ciel);
	--ea-ardoise: var(--accent);
	--ea-texte: var(--contrast-2);
	--ea-titre: var(--contrast);
	--ea-noir: #121212;
	--ea-trait: rgba(45, 37, 37, 0.08);
	--ea-champ: rgba(45, 37, 37, 0.55);
	--ea-page: 1260px;       /* largeur maximale du contenu, marges comprises */
	--ea-marge: 16px;        /* marge latérale */
	--ea-titre-section: 30px;
	--ea-titre-diapo: 20px;
}

@media (min-width: 750px) {
	:root {
		--ea-marge: 52.5px;
		--ea-titre-section: 40px;
		--ea-titre-diapo: 24px;
	}
}

h1, h2, h3, h4, h5, h6 { color: var(--ea-titre); }