:root {

  /* --- Brand --- */
  --color-primary: #4A6068;
  --color-primary-dark: #1C2B32;
  --color-primary-light: #B0C4CA;

  /* --- Backgrounds --- */
  --bg-main: #EEF1F2;
  --bg-secondary: #DDE4E6;

  /* --- Text --- */
  --text-primary: #1C2B32;
  --text-body: #4A6068;
  --text-muted: #7A9098;

  /* --- UI --- */
  --border-subtle: #B0C4CA;
}


/* ===== Background ===== */

.body {
  background-color: #EEF1F2;
}


/* ===== Name / Tagline / Body text ===== */

.name {
  color: #1C2B32;
}

.tagline {
  color: #1C2B32;
}

.bio p,
.bio h1, .bio h2, .bio h3,
.bio h4, .bio h5, .bio h6,
.bio ul, .bio ol, .bio pre,
.list {
  color: #4A6068;
}


/* ===== Links ===== */

a,
.bio a,
.credit-links {
  color: #4A6068;
}

a:hover,
.bio a:hover,
.credit-links:hover {
  color: #1C2B32;
}

.bio a {
  border-bottom-color: #B0C4CA;
}


/* ===== Credit / Subtle text ===== */

.text-block,
.credit {
  color: #7A9098;
}


/* ===== Push credit to bottom ===== */

.rightcontent {
  display: flex;
  flex-direction: column;
}

.content {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.credit {
  margin-top: auto;
  padding-top: 2rem;
}