:root {
  --brand: #2c4a63;
  --brand-light: #355a78;
  --brand-deep: #192a39;
  --brand-dark: #21384a;
  --brand-darkest: #1c3040;
  --brand-shadow: #162532;
  --brand-shadow-deep: #091015;
  --brand-soft: #c4ccd3;
  --brand-tint: #eeeeea;
  --on-brand: #ffffff;
  --brand-fill: #2c4a63;
  --brand-block: #2c4a63;
  --on-brand-soft: #f3e4da;
  --on-brand-tint: #f6e9d2;
  --on-brand-bright: #fff8ec;
  --brand-2: #9c834e;
  --brand-2-deep: #73613a;
  --brand-2-soft: #d7cdb8;
  --brand-2-light: #bfae8c;
  --brand-2-text: #73613a;
  --brand-vivid: #196db3;
  --brand-vivid-hover: #1c7bc9;
  --brand-vivid-text: #1f89df;
  --brand-vivid-light: #1b78c5;
  --brand-vivid-dark: #155d98;
  --brand-bold: #196db3;
  --brand-bold-dark: #155d98;
  --name-letters: 10;
}

/* Maker credit, bottom right; links back to the portfolio. */
.footer-credit {
  margin-top: 4px;
  font-size: 0.8125rem;
  text-align: right;
}

.footer-credit a {
  display: inline-block;
  padding: 12px 0;
  color: inherit;
  text-underline-offset: 0.22em;
}