:root {
	--brand-primary: #1b6ef3;
	--brand-primary-dark: #0f3f96;
	--brand-accent: #0dd3c5;
	--brand-surface: #f4f7fc;
}

/* Top navigation + header */
.navbar,
.navbar-brand,
.header,
.page-head {
	background: var(--brand-primary);
	color: #fff;
}

/* Buttons */
.btn,
button {
	border-radius: 6px;
	background: var(--brand-primary);
	border-color: var(--brand-primary-dark);
}
.btn:hover,
button:hover {
	background: var(--brand-primary-dark);
	border-color: var(--brand-primary-dark);
}

/* Background helpers */
.bg-n4s {
	background: var(--brand-surface);
}
.text-n4s {
	color: var(--brand-primary);
}

/* Links */
a {
	color: var(--brand-primary);
}
a:hover {
	color: var(--brand-primary-dark);
}