:root {
	/* Font stacks */
	--font-system: "Ubuntu", -apple-system, "Segoe UI", "Roboto", "Oxygen", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; /* https://css-tricks.com/snippets/css/system-font-stack */
	
	/* Font sizes */
	--default-font-size: 1rem;
	--hero-font-size: 3rem;
	--hero-font-weight: 300;
	--hero-line-height: 3.66rem;
	--navigation-title-font-size: 1.25rem;
	--navigation-title-font-weight: 500;
	--navigation-subtitle-font-size: 1.25rem;
	--navigation-subtitle-font-weight: 400;
	--navigation-item-font-size: 1.125rem;
	--navigation-item-font-weight: 200;

	/* Colors */
	--logo-color: #bf491f;
	--text-color: #fdf4f2;
	--top-navigation-link-color: #fdf4f2;
	--featured-color: #fbc5bb;
	--featured-color-hover: #f5896b;
	--background-dark-primary: #122d2d;
	--background-dark-secondary: #091717;
	--background-dark-accent: #000;

	/* Sizes */
	--page-width: 1440px;
}

:root {
	/* Font smoothing */
	font-smooth: always;
	-moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;

	/* Vector rendering */
	shape-rendering: geometricPrecision;
}

header, main, footer {
	/* Apply subtle antialiasing */
	transform: scale(0.998);
}

:root {
    font-size: 1rem;
    line-height: 1.5rem;
}

.push-right {
	margin-left: auto;
}

@media screen and (min-width: 1681px) {
    :root {
        font-size: 1.125rem;
        line-height: 1.6875rem;
    }
}