:root {
	--primary-color-rgb: 0, 111, 102;
	--primary-color: rgb(var(--primary-color-rgb));

	--secondary-color-rgb: 52, 89, 107;
	--secondary-color: rgb(var(--secondary-color-rgb));

	--text-color: #111;
	--secondary-text-color: #666;
	--light-text-color: white;

	--border-color: #ccc;
	--inactive-color: rgba(0, 0, 0, 0.1);
	--light-background-color: #fafafa;

	--link-color: var(--primary-color);

	--font-family: 'Source Sans Pro', sans-serif;
	--heading-font-family: 'Source Sans Pro', sans-serif;
	--heading-font-weight: 300;
}

html,
body {
	margin: 0;
	padding: 0;
	color: var(--text-color);
	font-family: var(--font-family);
}

h2,
h3,
h4,
h5,
h6 {
	font-family: var(--heading-font-family);
	font-weight: var(--heading-font-weight);
}

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

a:hover,
a:focus {
	text-decoration: underline;
}