: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);
}