/* Values in this file are controlled from Design et typographie. */
body {
	font-family: var(--cm-font-body);
}

body h1,
body h2,
body h3,
body .brand-copy strong {
	font-family: var(--cm-font-heading);
	font-weight: var(--cm-heading-weight);
	color: var(--cm-heading-color);
}

body.home .dashboard-home p,
body.home .dashboard-home label,
body.home .dashboard-home dt,
body.home .dashboard-home small {
	color: var(--cm-body-color);
}

body.home .dashboard-intro h1 {
	font-size: var(--cm-h1-desktop);
}

body.home .compact-heading h2,
body.home .row-heading h2,
body.home .request-heading h2,
body.home .optional-guides .row-heading h2 {
	font-size: var(--cm-section-title);
}

body.home .estimate-panel h2,
body.home .process-card h3,
body.home .ac-card h3,
body.home .price-card h3,
body.home .optional-guide-grid strong {
	font-size: var(--cm-card-title);
}

body.home .button,
body.home .estimate-button,
body.home .estimate-detail-button,
body.home .callback-button {
	font-family: var(--cm-font-button);
	font-size: var(--cm-button-size);
	font-weight: var(--cm-button-weight);
	text-transform: var(--cm-button-transform);
	border-radius: var(--cm-button-radius);
	color: var(--cm-button-text);
}

body.home .button,
body.home .estimate-button {
	background: var(--cm-button-blue);
}

body.home .estimate-detail-button,
body.home .callback-button {
	background: var(--cm-button-green);
}

body.home .ac-card-meta a {
	font-family: var(--cm-font-button);
	font-size: calc(var(--cm-button-size) * .72);
	font-weight: var(--cm-button-weight);
	text-transform: var(--cm-button-transform);
	border-radius: var(--cm-button-radius);
	border-color: var(--cm-button-blue);
	background: transparent;
	color: var(--cm-button-blue);
}

@media (max-width: 600px) {
	body.home .dashboard-intro h1 {
		font-size: var(--cm-h1-mobile);
	}
}