:root {
	--sans-font: Inter, -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir, "Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica, "Helvetica Neue", sans-serif;
	--serif-font: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
	--mono-font: "JetBrains Mono", Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;

	/* Light theme */
	--bg: #FFEFE0;
	--accent-bg: #FFF4EF;
	--text: #3A2A24;
	--text-light: #A68D82;
	--accent: #EF5D5A;
	--accent-hover: #E44F4B;
	--accent-text: #FFF6EC;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
	:root {
	color-scheme: dark;
		--bg: #FFEFE0;
		--accent-bg: #FFF4EF;
		--text: #3A2A24;
		--text-light: #A68D82;
		--accent: #EF5D5A;
		--accent-hover: #E44F4B;
		--accent-text: #FFF6EC;
		--code: #d81b60;
		--preformatted: #444;
		--disabled: #efefef;
	}
	/* Reset transparency */
	img,
	video {
		opacity: 1;
	}
}

html {
  	-webkit-text-size-adjust: 100%; /* prevent mobile safari font scaling in landscape while allowing user zoom */
}

.centered-link {
    display: block;
    width: fit-content;
    margin-inline: auto;
}

.centered-p {
    text-align: center;
}

.cf-turnstile {
    display: block;
    width: fit-content;
    margin: 0 auto;
}

.full-width {
    width: 100%;
}

.logo {
	width: 100%;
	height: auto;
}

.logo-link {
	display: block;
	width: 15vw;
	min-width: 100px;
	max-width: 300px;
	margin-inline: auto;
}

.no-resize {
    resize: none;
}