/*
	Scaffolding
	========================================
*/

/* Body reset */
body {
	margin: 0;
	font-family: var(--base-font-family);
	font-size: var(--base-font-size);
	line-height: var(--base-line-height);
	color: var(--text-color);
	background-color: var(--body-background);
}

/* Links */
a {
	color: var(--link-color);
	text-decoration: none;
}

a:hover,
a:focus {
	color: var(--link-color-hover);
	text-decoration: underline;
}

/* Images */
/* Rounded corners */
.img-rounded {
	border-radius: 6px;
}

/* Add polaroid-esque trim */
.img-polaroid {
	padding: 4px;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.2);
	box-shadow: 0 1px 3px rgba(0,0,0,.1);
}

/* Perfect circle */
.img-circle {
	border-radius: 500px; /* crank the border-radius so it works with most reasonably sized images */
}