/**
 * Variáveis e contentores partilhados.
 */

:root {
	--utf-site-max: var(--theme-normal-container-max-width, 1290px);
	--utf-content-padding: clamp(1.25rem, 5vw, 2.5rem);
	--utf-site-gutter: max(1.25rem, calc((100vw - min(100vw, var(--utf-site-max))) / 2));
	--utf-dark: #3e2b23;
	--utf-accent: #cb9d76;
	--header-height: 72px;
}

body:not(.utf-is-home) #main {
	padding-top: var(--header-height);
}

.admin-bar:not(.utf-is-home) #main {
	padding-top: calc(var(--header-height) + 32px);
}

@media (max-width: 782px) {
	.admin-bar:not(.utf-is-home) #main {
		padding-top: calc(var(--header-height) + 46px);
	}
}

.utf-shell,
.utf-inner,
.utf-hero__content,
.utf-services__intro,
.utf-services__layout,
.utf-portfolio__inner,
.utf-roots__inner {
	box-sizing: border-box;
	width: 100%;
	max-width: var(--utf-site-max);
	margin-inline: auto;
	padding-inline: var(--utf-content-padding);
}