:root {
	/* Font families */
	--val-font-sans: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
	--val-font-serif: Georgia,"Times New Roman",serif;
	--val-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
	--val-font-family: var(--val-font-sans);
	/* Font size */
	--val-fs--base: 1rem;
	/* Font weight */
	--val-fw--base: 400;
	/* Line height */
	--val-lh--base: 1.5;
	/* Colors */
	--val-color--bg: #fafafa;
	--val-color--text: #212529;
}

*, *::before, *::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
	font-family: var(--val-font-family);
	font-size: var(--val-fs--base);
	font-weight: var(--val-fw--base);
	line-height: var(--val-lh--base);
	color: var(--val-color--text);
	background-color: var(--val-color--bg);
	-webkit-tap-highlight-color: transparent;
}

/*
 * Region Footer
 */

.region-footer {
	padding: .75rem 0 3rem;
	text-align: center;
}
