/**
 * Art Coating redesign foundations.
 *
 * This file is loaded on the public site only. Component styles should use the
 * tokens below instead of introducing type smaller than the approved minimum.
 */
:root {
	--art-font-size-min: 16px;
	--art-line-height-body: 1.7;
	--art-line-height-heading: 1.14;
	--art-letter-spacing-heading: 0.025em;
	--art-word-spacing-heading: 0.04em;
}

body {
	font-size: var(--art-font-size-min);
	line-height: var(--art-line-height-body);
}

body small {
	font-size: var(--art-font-size-min);
}

/*
 * Global heading contract for the redesign. Component styles may change size
 * and weight, but may not compress glyphs, lines, or indentation to force fit.
 */
body :where(h1, h2, h3, h4, h5, h6) {
	line-height: var(--art-line-height-heading) !important;
	letter-spacing: var(--art-letter-spacing-heading) !important;
	word-spacing: var(--art-word-spacing-heading) !important;
	text-indent: 0 !important;
	white-space: normal !important;
}

.art-redesign-hero :where(p),
.art-portfolio__hero :where(p) {
	line-height: var(--art-line-height-body);
	text-indent: 0;
}

@media (max-width: 680px) {
	:root {
		--art-font-size-min: 15px;
	}
}