body {
	font-family: var(--ctc-font-body);
	color: var(--ctc-color-text);
	background: var(--ctc-color-surface);
}

h1,
h2,
h3,
h4,
h5,
h6,
.ctc-heading-script {
	font-family: var(--ctc-font-heading-script);
	color: var(--ctc-color-text);
}

.ctc-heading-display {
	font-family: var(--ctc-font-heading-display);
}

a {
	color: var(--ctc-color-primary);
	transition: color var(--ctc-transition);
}

a:hover,
a:focus {
	color: var(--ctc-color-primary-dark);
}

img {
	max-width: 100%;
	height: auto;
}

button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.wp-element-button {
	font-family: var(--ctc-font-button);
}

.ctc-container {
	width: min(100% - 32px, 1200px);
	margin-inline: auto;
}

@media (min-width: 768px) {
	.ctc-container {
		width: min(100% - 48px, 1200px);
	}
}

@media (min-width: 1024px) {
	.ctc-container {
		width: min(100% - 64px, 1200px);
	}
}