/* ============================================================
   Reset and base styles
   ============================================================ */
*, *::before, *::after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html, body {
	height: 100%;
	/* Dynamic viewport height for mobile browsers that resize the
	   viewport when the URL bar collapses (iOS Safari, Chrome Android). */
	height: 100dvh;
	overflow: hidden;
	font-family: var(--body-font);
	font-size: var(--body-text-size);
	background: var(--body-bg);
	color: var(--body-color);
}

a { color: inherit; }
img { display: block; max-width: 100%; }
button { font: inherit; }